webpack4.x+babel7.x配置

最新推荐文章于 2024-09-09 10:20:11 发布

有只猿叫Alan

最新推荐文章于 2024-09-09 10:20:11 发布

阅读量535

点赞数

文章标签： babel babel7 webpack+babel

本文链接：https://blog.csdn.net/weixin_44705701/article/details/95369427

版权

安装babel相关库

babel-loader 
@babel/core 
@babel/plugin-proposal-class-properties 
@babel/plugin-transform-runtime 
@babel/preset-env 
@babel/runtime
npm install babel-loader @babel/core @babel/plugin-proposal-class-properties @babel/plugin-transform-runtime @babel/preset-env @babel/runtime -D

项目根目录添加文件 .babelrc

{
  "presets": ["@babel/preset-env"],
  "plugins": [
    "@babel/plugin-transform-runtime",
    "@babel/plugin-proposal-class-properties"
  ]
}

webpack.config.js中添加

module: {
        rules: [
            {
                test: /\.js$/,
                exclude:/node_modules/,
                use:["babel-loader"],
                }
        ]
    }