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處理}]} } 復制代碼

總結

以上是生活随笔為你收集整理的webpack打包ES6降级ES5的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。