vue用webpack打包时引入es2015插件

Posted 2020-10-17 ShuiChe’s Blog

1、安装依赖包

$ npm install --save-div babel-preset-es2015

ps：babel-loader、babel-core应该是默认装好的，如果没有安装，请重新安装

2、修改【webpack.config.js】配置文件
找到 /\.js$/的rules，进行修改

 {
        test: /\.js$/,
        use: [{
          loader: ‘babel-loader‘,
          options: {
             presets: [‘es2015‘]
          }
        }],
        exclude: /node_modules/
      }

　　

3、根目录下添加【.babelrc】文件
文件内容：

{
  "presets": ["es2015"]
}

　　

打包

运行打包脚本查看效果，指令视情况而定

$ npm run build