1. 程式人生 > >vue用webpack打包時引入es2015插件

vue用webpack打包時引入es2015插件

重新 webp ron webpack 添加 class 行修改 rip config

1、安裝依賴包

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

ps:babel-loaderbabel-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

  

vue用webpack打包時引入es2015插件