这一节的代码位于 06_advance_config/6_1_multiple_page

多入口与多出口js

  • 在src目录下新建两个js文件并在里面写点打印内容
  • image.png
  • 根目录下新建 webpack.confin.js 开始配置多入口
  • image.png
  • output配置中, 可以使用 [name].[hash:8].js 的方式产生多个js输出
  • 打包查看:
  • image.png

输出多个html

  • 新建模版html于根目录
  • 仍然要使用 html-webpack-plugin 插件
  • 配置webpack
  • image.png
  • 因为希望生成两个html, 所以需要new两次插件
  • 运行打包命令, 即可生成两个html
  • image.png
  • 但是两个html文件都引入了home.js 和other.js, 需要再配置chunk使各自html引入各自的js
  • image.png
  • 配置chunk
  • image.png
  • 这样即可达到各自引入各自的js目的, 如果想引入多个js, 在chunk数组中继续添加js即可
  • image.png