vue-cli多页应用

‘修改的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


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,292评论 19 139
  • 原文http://www.cnblogs.com/libin-1/p/6596810.html 版本号 vue-c...
    tengrl阅读 3,782评论 0 0
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,745评论 7 110
  • 生有命兮,爱有情兮,生命爱情需珍惜。 悲有痛兮,怒有气兮,悲痛怒气伤身体。 明月自有圆与缺,万事皆有因与果。 聚散...
    笙歌叹徘徊阅读 353评论 5 3
  • 如果说《书都不会读,你还想成功》是一碗鸡血,看完之后让你迫不及待地想开始一年100本计划的话,那么《超级阅读术》应...
    孟顺顺阅读 557评论 0 3