问题:根据官方网站创建项目后,一般打包==OK,但这里的燕尾服编译不支持ES6语法箭头函数。 看看效果吧
可以看到chunk-vendors.[hash].js中包含箭头函数。 另外,可以看到vue-router包中存在箭头函数
在cli主页上检查transpileDependencies以设置此参数。 显然,transpiledependencies : [ ' vue-router ' ],因为在打包时默认情况下不会转义node_modules包
打包结束后,吼一声,不用。
调查资料后,据说需要babel
bel.config.js module.exports={ presets : [ ' @ vue/app ',{ useBuiltIns: 'entry ',poly fills 3360 [ ]
不能说没关系,成功的从三千多个箭头函数到了三百多个,然后是鸡蛋
经过下午的探索,我查了谷歌,查了vue-cli的Issues,最后被我发现的是
transpiledependencies : [/node _ modules/]好吧。 哭了。
下一个完整的答案
在vue.config.js中添加//vue.config.jstranspiledependencies 3360 [/node _ modules/],
在与vue.config.js同级新设或原有的babel.config.js中加入此词
//babel.config.js module.exports={ presets : [ ' @ vue/app ',{ useBuiltIns: 'entry ',polyfills3360]
到这里没有ES6的代码,但我想再说一遍
我可以在package.json中添加这个,也可以在. browserslist中添加这个
如果还不行,在入口文件main.js中输入' core-js '; 导入' regenerator -运行时/运行时'; 也有说法说要加上import '@babel/polyfill ',但这很快就会被废弃。 可以试试吧。 也许可以。 请先使用
我费了很大劲才找这个。 我希望看到这个句子,对遇到这件事的大家有帮助
最后贴一下package.json