webpack中配置es7编译

Babel Runtime Transform
特点:局部垫片 
为开发框架准备

如何使用:

npm install @babel/plugin-transform-runtime  --save-dev

npm install @babel/runtime --save


新建.babelrc文件配置

{
    "presets":[
        ["@babel/preset-env",{
            "targets":{

                    "browsers":["> 1%","last 2 versions"]
            }   
        }]
    ],
    "plugins":["@babel/transform-runtime"]
}

webpack.config.js:

module.exports={
    entry:{
        app:'./app.js'
    },
    output:{
        filename:'[name].[hash:8].js'
    },
    module:{
        rules:[
            {
              test:/\.js$/,
              use:{
                loader:'babel-loader'
              },
              exclude:'/node_modules/'
            }
        ]
    }
}
--------------------- 
作者:css_666 
来源:CSDN 
原文:https://blog.csdn.net/css_666/article/details/79842755 
版权声明:本文为博主原创文章,转载请附上博文链接!

你可能感兴趣的:(Webpack,ES7)