说明
玩转webpack
课程学习笔记。
解析 ES6
安装依赖:
npm i @babel/core @babel/preset-env babel-loader -D
1、使用 babel-loader
babel的配置文件是:.babelrc
2、webpack配置
const path = require('path'); module.exports = { entry: './src/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') }, module: { rules: [ { test: /\.js$/, use: 'babel-loader' } ] } };
3、增加ES6的babel preset配置
plugin
用来支持某个功能,presets
是多个plugin
的集合。
{ "presets": [ "@babel/preset-env" ], "plugins": [ "@babel/proposal-class-properties" ] }