webpack如何配置支持es6toes5-创新互联

这篇文章将为大家详细讲解有关webpack如何配置支持es6 to es5，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

创新互联专注于嘉定网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供嘉定营销型网站建设，嘉定网站制作、嘉定网页设计、嘉定网站官网定制、微信小程序服务，打造嘉定网络公司原创品牌,更为您提供嘉定网站排名全网营销落地服务。

1. 安装webpack

npm install webpack --save-dev

2. 安装babel  实现 ES6 到 ES5

npm install --save-dev babel-core babel-preset-es2015

3.安装 babel-loader

 npm install --save-dev babel-loader

webpack.config.js完整配置

module.exports = {
  entry: './src/js/app.js',
  output: {
    path: './dest',
    filename: 'app.bundle.js',
  },
  module: {
    loaders: [{
      test: /\.js$/,
      exclude: /node_modules/,
      loader: 'babel-loader',
    }]
  },
  babel: {
   presets: ['es2015']
  },
}

关于“webpack如何配置支持es6 to es5”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

新闻标题：webpack如何配置支持es6toes5-创新互联
当前链接：http://mswzjz.cn/article/dsccpg.html