-------------2020-08-21 更滋迈,此篇webpack的配置學(xué)藝不精,可參照本人第二篇的配置-------------------
上來就干貨偏瓤!nei
在項目根目錄下創(chuàng)建配置文件h5_config.js(不能叫config.js杀怠,會跟vue的打包配置命名沖突)
h5_config.js內(nèi)容
然后在\build\webpack.dev.conf.js和build\webpack.prod.conf.js(開發(fā)環(huán)境和上線環(huán)境)分別加入配置
合并在一起:
new CopyWebpackPlugin([
? ? ? {
? ? ? ? from: path.resolve(__dirname, '../static'),
? ? ? ? to: config.build.assetsSubDirectory,
? ? ? ? ignore: ['.*']
? ? ? },{
? ? ? ? from: path.resolve(__dirname, '../h5_config.js'),
? ? ? ? to: config.build.assetsRoot
? ? ? }
? ? ])
打包后的目錄結(jié)構(gòu):
首頁引入:
可以寫成當(dāng)前目錄下
<script type="text/javascript" src="./h5_config.js?t=<%=new Date().getTime()%>"></script>
這樣發(fā)布上線的時候就不用老是改配置文件了椰憋,因為不需要覆蓋線上的配置文件
---------------2020-01-09更------------------
h5_config.js文件建議用es5語法寫厅克,不會有兼容性問題,有些舊版手機進去會運行不了這個文件