码迷,mamicode.com
首页 > Web开发 > 详细

vue用webpack打包时引入es2015插件

时间:2017-12-08 12:20:08      阅读:284      评论:0      收藏:0      [点我收藏+]

标签:node   配置   vue   module   好的   class   文件内容   应该   ade   

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插件

标签:node   配置   vue   module   好的   class   文件内容   应该   ade   

原文地址:http://www.cnblogs.com/xuange306/p/8004432.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!