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

webpack 多入口打包配置示例

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

webpack 多入口打包配置示例

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

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

webpack 多入口打包配置示例

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

webpack 多入口打包配置示例

  • 我们看一下最红打包出来的文件目录和 index.html 引入的文件
    webpack 多入口打包配置示例

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

相关文章:

  • 2021-10-16
  • 2022-12-23
  • 2021-09-13
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-10-14
  • 2022-12-23
猜你喜欢
  • 2021-10-24
  • 2022-12-23
  • 2021-07-25
  • 2021-05-03
  • 2021-08-10
  • 2021-05-12
  • 2022-12-23
相关资源
相似解决方案