美文网首页工作生活
webpack中配置babel转码-back

webpack中配置babel转码-back

作者: 苏本的书柜 | 来源:发表于2019-07-04 10:23 被阅读0次

    安装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无法转换的问题

    相关文章

      网友评论

        本文标题:webpack中配置babel转码-back

        本文链接:https://www.haomeiwen.com/subject/bsclhctx.html