順著官網的操作，我們可以本地測試起我們的專案 npm run dev,首先我們要理解webpack打包主要是針對js，檢視下面生成的配置，首頁是index.html，模版用的index.html，入口檔案用的mian.js
//1.上面的目錄沒辦法滿足我們多入口的要求，我們希望的是html放在乙個views資料夾下面，相關業務應用的vue放在一起，對就是這個樣子的file build/webpack.base.conf.js
//entry 配置
module.exports =)
我們先簡單的改動下我們的配置，來適應這個專案結構，再尋找其中的規律，來完成自動配置（index.html）
//2.規律出來了，我們只要按照這樣的js和html的對應關係，就可以通過查詢檔案，來進行同一配置file build/webpack.base.conf.js
//entry 配置
module.exports =,
//....
//file build/webpack.dev.conf.js
//html配置,index我們保留了根目錄訪問路徑
newhtmlwebpackplugin(),
newhtmlwebpackplugin()
var glob = require('glob')
function
getentry(globpath, pathdir) ,
entry, dirname, basename, pathname, extname;
for (var i = 0; i < files.length; i++)
return
entries;}//
我們的key不是簡單用的上乙個**的index,login而是用的index/index,login/login因為考慮在login目錄下面還有register
//檔案路徑的\\和/跟作業系統也有關係，需要注意
}
3.多入口配置就完成了，當然下面其實還有公共js提取的相關配置，如果專案裡面用到了非同步載入，即require.ensure，放在單獨目錄，進行匹配，按照上面的邏輯進行推理吧 webpack的多入口多出口配置手記
webpack.prod.js檔案配置 let path require path let htmlwebpackplugin require html webpack plugin let require clean webpack plugin module.exports output plu...
webpack 多入口打包分析
文章最後都是老夫精挑細選的乾貨哦 1 為什麼需要多入口打包？或者說什麼時候需要多入口打包？先從但入口打包說起，單入口也就是常見的單頁面應用，就是任何使用者想訪問我這個 必須且通過這乙個唯一的入口 比如我們開發了乙個 外賣 10.79.64.4 8080 index.html,主頁 有很多吃的種類，比...
webpack3 配置多入口和多出口
我們之前寫到的webpack.config.js，具體 如下 module.exports 上面的entry 和 output 就是單一的入口和出口。下面我們建立乙個多入口，多出口的例項。1.新建資料夾 page，並在該資料夾下面建立index.html和signup.html2個檔案 index....