上来就干货！
根目录下创建h5_config.js文件
(function(window){
/**
*用es5语法防止各别浏览器不支持es6
* @param {string} APIBASEURL 接口域名
* @param {number} APITIMEOUT 接口超时时间
*/
window.h5_config = {
APIBASEURL: 'http://192.168.100.98:5000',
APITIMEOUT: 3000
}
})(window)
修改build/webpack.base.conf.js文件
//引入copy plugin
const CopyWebpackPlugin = require('copy-webpack-plugin')
//配置中添加拷贝文件的代码
const webpackConfig = {
//省略脚手架的配置
plugins: [
new CopyWebpackPlugin([
{
from: path.resolve(__dirname, '../h5_config.js'),
to: config.build.assetsRoot
}
])
]
}
module.exports webpackConfig
打包后的目录结构
--| dist
--| static
--| h5_config.js
--| index.html
引入index.html
<!--添加时间戳，防止缓存-->
<script type="text/javascript" src="./h5_config.js?t=<%=new Date().getTime()%>"></script>
这样发布上线上线后，h5_config.js的配置可以直接修改，不需要重新打包覆盖线上config.js文件
