webpack打包ES6降级ES5

最新推荐文章于 2022-11-11 21:22:35 发布

weixin_33842304

最新推荐文章于 2022-11-11 21:22:35 发布

阅读量910

点赞数

文章标签： webpack javascript ViewUI

原文链接：https://juejin.im/post/5cad99b55188251b183def11

版权

Babel是一个广泛使用的转码器，babel可以将ES6代码完美地转换为ES5代码，所以我们不用等到浏览器的支持就可以在项目中使用ES6的特性。

安装babel实现ES6到ES5

npm install -D babel-core babel-preset-es2015
复制代码

安装babel-loader

npm install -D babel-loader
复制代码

webpack.config.js

const config = module.exports = {
  target: 'web',
  entry: ['babel-polyfill', path.join(__dirname, 'src/main.js')],
  output: {
    filename: 'bundle.[name].[hash:8].js',
    path: path.join(__dirname, 'dist')
  },
  module: {
    rules: [
      {
        test: /\.js$/, // 处理以.js结尾的文件
        exclude: /node_modules/, // 处理除了nodde_modules里的js文件
        loader: 'babel-loader' // 用babel-loader处理
      }
    ]
  }
}
复制代码