vue打包时遇到的问题(Es6)
Es6语法IE下兼容问题UglifyJsPlugin报错UglifyJsPlugin不支持Es6语法,vue-cli生成的项目中当引入的node_modules里有es6的的语法vue文件时,会报错如:ERROR in static/js/vendor.2de645693dea309ad3b2.js from UglifyJsUnexpected token: operator (>)
·
Es6语法IE下兼容问题
UglifyJsPlugin报错
UglifyJsPlugin不支持Es6语法,vue-cli生成的项目中当引入的node_modules里有es6的的语法vue文件时,会报错如:
ERROR in static/js/vendor.2de645693dea309ad3b2.js from UglifyJs
Unexpected token: operator (>) [./~/vue-bulma-tooltip/src/index.js:14,0][static/js/vendor.2de645693dea309ad3b2.js:60880,24]
解决方法
修改webpack.base.conf配置
function resolve (dir) {
return path.join(__dirname, '..', dir)
}
修改前
{
test: /\.js$/,
loader: 'babel-loader',
include: [resolve('src'), resolve('test')]
}
修改后
{
test: /\.js$/,
loader: 'babel-loader',
include: [resolve('src'), resolve('test'),resolve('node_modules/vue-bulma-tooltip')]
}
IE报vuex requires a Promise polyfill in this browser问题解决
解决方法 安装babel-polyfill , babel-polyfill可以模拟ES6使用的环境,可以使用ES6的所有新方法
1. npm install -save babel-polyfill
2. 修改在webpack.config.js配置
修改前
module.exports = {
entry: {
app: "./src/main.js"
}
};
修改后
module.exports = {
entry: {
app: ["babel-polyfill", "./src/main.js"]
}
};
更多推荐
已为社区贡献15条内容
所有评论(0)