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