webpack4.x配置babel及Vue遇到的坑！！！！

webpack4.x配置babel及Vue遇到的坑！！！！

一、配置babel

• 1.1安装babel转换器相关的包：
  npm i babel-loader @babel/core @babel/runtime -D
• 1.2 安装babel语法插件相关的包：
  npm i @babel/preset-env @babel/plugin-transform-runtime @babel/plugin-proposal-class-properties -D
• 2.1在 webpack.config.js 配置文件中的 module ->rules数组中，添加 loader 规则如下：

{
   test: /\.js$/,use: 'babel-loader',exclude: /node_modules/}

• 2.2 exclude：node_modules：是为了排除node_modules中的JS文件，只需要匹配我们自己写的代码，所以必须要写
• 3.在项目根目录中，创建babel配置文件 babel.config.js 并初始化基本配置如下：

module.exports = {
   
    "presets": [
        "@babel/preset-env"
    ]