2021-04-15

webpack   

创建一个文件夹 名字自己取   然后 初始化 npm init -y 命令执行

安装依赖命令 cnpm i webpack webpack-cli -D

/***********************************************************************************/

用webpack-babel将ES6的语法，转换打包成ES5的语法

使用方式：
1. cnpm install @babel/core @babel/preset-env babel-loader -D

2.新建.babelrc文件，添加
{
  "presets": ["@babel/preset-env"]
}

3.在webpack.config.js添加规则（如下规则）

module: {

    rules: {

      test: '/\.js$/',

      loader: ['babel-loader'],

      include: path.join(__dirname, 'src'),

      exclude: /node_modules/

    }

  },

说明：其实真正做转换的是babel-core，其他的做一些配置即可