webpack 打包 支持js的高级语法 配置安装的方法

高阶js不识别,如:装饰器
  1、npm install bael-lader@8.2.2 @babel/plugin-proposal-decorators@7.14.5 @babel/core@7.14.6 -D
 2.配置webpack.config.js
 module:{
      rules:[
     {test:/\.js$/,use:'babel-loader',exclude:/node_modules/}
        ]
  }

 3.新建一个文件babel.config.js 内容如下
  module.exports ={ 
  声明babel可用的插件
 将来,webpack在调用babel-loader的时候,会先加载plugins插件来进行使用
   plugins:[['@babel/plugin-proposal-decorators',{legacy:true}]]
}

总结:安装启动多数是版本问题,可以在github查看个版本的webpack.json文件,支持的node的版本,webpack的版本等等,有需要,请请留意

 

posted @ 2022-02-11 15:24  嘉琦  阅读(176)  评论(0)    收藏  举报