首页 > 编程知识 正文

es文件浏览器怎么改后缀,vue必须支持es6

时间:2023-05-03 19:27:59 阅读:26582 作者:695

问题:根据官方网站创建项目后,一般打包==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

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。