前言
一般webpack默認打包后生成的js文件名叫main.js
若設置filename屬性,可更改默認打包出的文件名,比如下面打包出來的文件名是bundle.js
下面2種寫法等價
場景
如果現在有這樣一個需求,把index.js文件打包2次,第一個文件叫main.js,第二個文件叫bundle.js,entry應該怎么配置呢?
如上配置會報錯,提示你打包后的2個js文件都叫bundle.js
配置
如下配置即可,name指代entry里的鍵名main和bundle,打包的時候就分別把文件放入對應鍵名中
打包后的生成的2個文件都會被引入html中(這是因為我們使用了HtmlWebpackPlugin插件)
之前寫過一篇關於HtmlWebpackPlugin插件的博文:https://www.cnblogs.com/tu-0718/p/12145122.html
補充
還有一個場景,把打包后生成的index.html文件給后端,作為一個后端的入口文件,所有的js文件上傳到CDN服務器上,
同時,讓打包后生成的main.js和bundle.js文件前面也把CDN域名帶上,比如 https://cdnjs.com
在output中配置publicPath屬性