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
越努力越幸运