在webpack中使用ES6语法,需要使用babel-loader将ES6语法转化为ES5语法。具体步骤如下:
1.安装babel-loader和相关依赖:
npm install babel-loader @babel/core @babel/preset-env webpack --save-dev
2.在webpack配置文件中添加module规则:
module: {
rules: [
{
test: /\.js$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
}
]
}
3.在项目根目录下创建.babelrc文件,并添加以下内容:
{
"presets": ["@babel/preset-env"]
}
4.在需要使用ES6语法的js文件中,使用ES6语法编写代码即可。