一、 IE、360显示空白
360浏览器模式
用.com、.cn结尾的安全域名访问网站,360浏览器默认是极速模式(推荐),为chrome内核
用ip或不规范的域名访问网站,360浏览器默认是兼容模式的,为IE内核,对于ES6语法解析存在问题,需要添加babel解析
解决方法
下载安装 babel-polyfill:
npm install babel-polyfill --save
在webpack.base.conf.js中进行配置
entry: {
// "babel-polyfill"用来解决的兼容性
app: ['./node_modules/babel-polyfill/dist/polyfill.js','./src/main.js']
}
二、发版缓存问题
每次打包发版之后,需要清浏览器缓存重新进入,否则代码不更新
加入版本号处理:
build -->webpack.prod.conf.js中js加上版本号
const Version = new Date().getTime()
output: {
path: config.build.assetsRoot,
filename: utils.assetsPath('js/[name].[chunkhash]' + Version + '.js'),
chunkFilename: utils.assetsPath('js/[id].[chunkhash]' + Version + '.js')
}