webpack 多入口打包配置示例

  • 入口修改成你想要的多个文件

  • 准备好多入口页面,也就是多个main.js

  • 多入口自然要生成多个index.html ,注意 chunks: ['vendor', 'pageb', 'manifest'],

    manifest 这个trunk 是基于vendor 抽取出来的配置trunk,这个一定要引入到html文件 否则会报webpackjsonp找不到错误
    vendor 这个trunk 代表抽取出来的公共的库,如vue,vuex等
    pageb 这个 trunk 代表其中的一个多入口的trunk的名称

  • 这是上文提到的抽取出来的两个公共trunk vendor & mainfest

  • 我们看一下最红打包出来的文件目录和 index.html 引入的文件

源码: https://github.com/KuiShang/mutiple_entry_webpack_vue

posted @ 2017-09-15 10:26  _白马非马  阅读(928)  评论(0编辑  收藏  举报