Vue-cli编译es6遇到问题,如何彻底解决?

2026-04-02 09:560阅读0评论SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计345个文字,预计阅读时间需要2分钟。

Vue-cli编译es6遇到问题,如何彻底解决?

最近使用vue-cli创建项目时,遇到ES6无法转换为ES5的情况,导致项目在iOS9下无法正常运行。在webpack.base.conf.js中修改了babel的配置项,但添加src目录并未解决问题。经过百度的搜索和谷歌查找,最终找到了解决方案。

最近使用vue-cli创建项目的时候,遇到es6无法转换成es5的情况,项目在ios9下无法正常运行,在webpack.base.conf.js里面修改babel的配置项,添加src目录也没用,于是百度,谷歌找方法,最后自己想了想是不是没有配置.babelrc文件,于是在项目根目录创建.babelrc文件,同时在文件中编写

{ "presets": [ "env" ], "plugins": [ "transform-runtime" ] }

于是es6语法成功编译成es5,开心。

补充知识:vue cli2、cli3编译(打包)后的chunk-vendors.js文件存在es6语法

刚踩过一个大坑,使用vue脚手架搭建的项目build后chunk-vendors.js文件一直存在es6语法,在即将崩溃的边缘想到了一个方法,完美解决,

以下是解决步骤:

1.vue打包是不会编译node_modules中的代码,如果代码中存在node_modules中的引用,build后就会直接合并代码,不会被babel解析。

阅读全文

本文共计345个文字,预计阅读时间需要2分钟。

Vue-cli编译es6遇到问题,如何彻底解决?

最近使用vue-cli创建项目时,遇到ES6无法转换为ES5的情况,导致项目在iOS9下无法正常运行。在webpack.base.conf.js中修改了babel的配置项,但添加src目录并未解决问题。经过百度的搜索和谷歌查找,最终找到了解决方案。

最近使用vue-cli创建项目的时候,遇到es6无法转换成es5的情况,项目在ios9下无法正常运行,在webpack.base.conf.js里面修改babel的配置项,添加src目录也没用,于是百度,谷歌找方法,最后自己想了想是不是没有配置.babelrc文件,于是在项目根目录创建.babelrc文件,同时在文件中编写

{ "presets": [ "env" ], "plugins": [ "transform-runtime" ] }

于是es6语法成功编译成es5,开心。

补充知识:vue cli2、cli3编译(打包)后的chunk-vendors.js文件存在es6语法

刚踩过一个大坑,使用vue脚手架搭建的项目build后chunk-vendors.js文件一直存在es6语法,在即将崩溃的边缘想到了一个方法,完美解决,

以下是解决步骤:

1.vue打包是不会编译node_modules中的代码,如果代码中存在node_modules中的引用,build后就会直接合并代码,不会被babel解析。

阅读全文