webpack:打包js高级语法

例如,一个js文件里有以下语法,直接运行会报错的,需要安装插件。
webpack:打包js高级语法_第1张图片
1.安装插件:

npm install babel-loader @babel/core @babel/runtime -D
 npm i @babel/preset-env @babel/plugin-transform-runtime @babel/plugin-proposal-class-properties -D

2.修改webpack.config.js,添加画圈的语句
webpack:打包js高级语法_第2张图片
3.新建babel.config.js文件,添加语句:

module.exports = {
    presets: ['@babel/preset-env'],
    plugins: ['@babel/plugin-transform-runtime','@babel/plugin-proposal-class-properties']
}

4.运行成功

你可能感兴趣的:(webpack)