开箱即用的 Vue Webpack 脚手架模版 | 晚晴幽草轩

[nicejade]

https://jeffjade.com/2018/05/20/140-vue-webpack-boilerplate-template/

开箱即用的 Vue Webpack 脚手架模版，对于如何构建中大型 Vue 项目，根据过往的提供脚手架、以及大量的参考建议。

[finch001]

感谢提供了思路。

[nicejade]

@finch001 客气了；也期待您的改进建议/意见。

[nicejade]

Update@18-05-28： 参考 vue-cli3 对开发体验做了优化：

1. 对本地开发地址端口进行优化：如果🈯️定端口(如: 8080)被占用，则递增向上寻找新的可用端口(如：8081)；

2. 对自动在浏览器打开本地开发地址做了优化，如已经打开，则不重新打开新的 Tab（适用于 OS X 系统）；

具体详情，可以参见 vue-boilerplate-template | 提升本地开发体验 。

[hgq520]

我在github下载了你的代码，好像不支持异步加载路由啊

[nicejade]

@hgq520 自 vue 2.2支持 使用 router.addRoutes 来动态加载路由；因此如果你这样的需求的话，可以在适当位置，注入新路由即可；具体文档可参见：https://router.vuejs.org/zh/api/#router-addroutes

[hgq520]

@nicejade @hgq520 自 vue 2.2支持 使用 router.addRoutes 来动态加载路由；因此如果你这样的需求的话，可以在适当位置，注入新路由即可；具体文档可参见：https://router.vuejs.org/zh/api/#router-addroutes 明白了，谢谢啊

[nicejade]

@hgq520 客气了。

[hgq520]

@nicejade @hgq520 客气了。

按照你说的方式只是动态引用了路由，但是打包的时候还是没有分包啊， const haha = r => require.ensure([], () => r(require('@views/Login2')), 'chunkname1')，我这样引入，在开发环境下分包了，打包后却没有，请问这是为什么啊

[zlxbuzz]

博主你好，是否可以采用autodll-webpack-plugin这款插件来减少手动构建dll呢？

[nicejade]

@zlxbuzz 当然，这看起来是可以的（目前还未来得及使用）；而且看起来还很棒，尤其是在 vue-cli3 来构建 web 应用的时候；之后将会将此插件集成进 awesome-vue-cli3-example 。

[nicejade]

(10-18 日更新) 导入为模块提供中间缓存步骤的 hard-source-webpack-plugin 插件，它使第二次构建速度显著加快（构建时间消耗至少缩短 2/3）。