10天掌握webpack 4.0 JS 篇 (2)

@babel/plugin-proposal-class-properties

(1) 这个是用来编译类的插件

(2) 安装插件

npm i  @babel/plugin-proposal-class-properties -D

(3)webpack.config.js 配置

     {
        test: /\.m?js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            "presets": ["@babel/preset-env"],
            "plugins": [
              ["@babel/plugin-proposal-class-properties", { "loose": true }]
            ]
          }
        }
      }

(4)测试

let fn = () => {
  console.log('2020.0308')
}
fn();
// 相当于创建一个A实例 里面赋值a=1
class A {
  a = 1
}
let a = new A();
console.log(a.a)

当我们没有添加插件没有添加配置的时候 

控制台打印不出a的值

 

 

当 有配置的时候控制台输出为 1

 

posted @ 2020-03-11 22:23  1点  阅读(112)  评论(0编辑  收藏  举报