vue-cli兼容ie浏览器
当你高高兴兴的写完了页面,谷歌完美运行,但是到了ie,“SCRIPT1006:缺少‘)’,”SCRIPT1004: 缺少 ‘;’,你因为是真的缺少这些东西吗?不,你错了,只是编译出了问题罢了。vue-cli其是兼容ie的,前提是你写的代码都是es5,因为ie不支持es6,如果你使用了箭头函数,let等es6新语法,那么ie你就需要下载一个babel-polyfill插件。这个插件的作用就是...
·
当你高高兴兴的写完了页面,谷歌完美运行,但是到了ie,“SCRIPT1006:缺少‘)’,”SCRIPT1004: 缺少 ‘;’,你以为是真的缺少这些东西吗?不,你错了,只是编译出了问题罢了。
vue-cli其是兼容ie的,前提是你写的代码都是es5,因为ie不支持es6,如果你使用了箭头函数,let等es6新语法,那么ie你就需要下载一个babel-polyfill插件。
这个插件的作用就是将es6转为es5.
首先npm i babel-polyfill --save
安装完成后,在main.js中 import “babel-polyfill”
然后在webpack.base.config.js中修改如下
module.exports = {
context: path.resolve(__dirname, '../'),
entry: {
app: ["babel-polyfill", "./src/main.js"]
},
如果你没有引入新的插件,那么恭喜了,现在可以在ie打开了。
如果你引入了新的插件如 vue-echarts,
那么还是在webpack.base.config.js中修改如下:
{
test: /\.js$/,
loader: 'babel-loader',
include: [resolve('src'), resolve('test'),
resolve('node_modules/webpack-dev-server/client'),
resolve('node_modules/vue-echarts'),
resolve('node_modules/resize-detector')]
},
这里的意思是将目录下的代码以es5的方式编译,若你在static下也是写了js文件(有es6语法),那么也需要resolve(‘static’)
最后,记得重启项目,需要重新编译。
更多推荐
已为社区贡献18条内容
所有评论(0)