webpack中配置babel转码-back

安装babel-loade

npm install -sava babel-loader
处理非javascript文件
npm install -D babel-core
提供一系列api供babel使用
npm install -D babel-preset-env
使用哪种转码格式进行处理

配置babel规则,在package.json中配置

 package.json。在package.json文件中增加一个“babel"属性
  "babel":{ "presets": ["env"] }

在vue的config中配置model

   module: {  rules: [    {      test: /\.js$/,      exclude: /(node_modules|bower_components)/,      loader: 'babel-loader'    }  ]}

新建.babelrc配置文件

 转换新的api,用到polyfil
 npm install --save babel-polyfill
 module.exports = {entry: ["babel-polyfill", "./app/js"]};

缺陷

babel不能完成转换es6为es5,之前遇到过数组的concat无法转换的问题

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • babel官网 babel 介绍 Babel 是一个通用的多用途 JavaScript 编译器。通过 Babel ...
    锋享前端阅读 1,988评论 0赞 10
  • Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。 这意味着,你可以现在就用 ...
    yichen_china阅读 1,413评论 0赞 3
  • 作者:小 boy (沪江前端开发工程师)本文原创,转载请注明作者及出处。原文地址:https://www.smas...
    iKcamp阅读 2,870评论 0赞 18
  • babel 6与之前版本的区别: 之前版本只要安装一个babel就可以用了,所以之前的版本包含了一大堆的东西,这也...
    _花阅读 1,649评论 0赞 2
  • Babel 入门指南 ​:warning: 注意:Babel 可以与很多构建工具(如 Browserify、Gru...
    静默虚空阅读 2,683评论 0赞 4

友情链接更多精彩内容