admin管理员组文章数量:1642500
当你高高兴兴的写完了页面,谷歌完美运行,但是到了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’)
最后,记得重启项目,需要重新编译。
版权声明:本文标题:vue-cli兼容ie浏览器 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/dianzi/1726426278a1070413.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论