美文网首页
vue-cli多页应用

vue-cli多页应用

作者: helloyoucan | 来源:发表于2017-03-17 18:59 被阅读0次

‘修改的webpack配置文件

全局配置

修改 webpack.base.conf.js

打开~\build\webpack.base.conf.js,找到entry,添加多入口

run dev 开发环境

修改 webpack.dev.conf.js

打开~\build\webpack.dev.conf.js,在plugins下找到new HtmlWebpackPlugin,在其后面添加对应的多页,并为每个页面添加Chunk配置

chunks: ['app']中的app对应的是webpack.base.conf.js中entry设置的入口文件

run build 编译

修改 config/index.js

打开~\config\index.js,找到build下的index: path.resolve(__dirname, '../dist/index.html'),在其后添加多页

修改 webpack.prod.conf.js

打开~\build\webpack.prod.conf.js,在plugins下找到new HtmlWebpackPlugin,在其后面添加对应的多页,并为每个页面添加Chunk配置

HtmlWebpackPlugin中的filename引用的是 config/index.js 中对应的build

相关文章

网友评论

      本文标题:vue-cli多页应用

      本文链接:https://www.haomeiwen.com/subject/mbqynttx.html