weixin_44823731的博客

步骤 1.创建一个文件夹，初始化项目和安装依赖 npm init -y npm i @babel/parser @babel/traverse @babel/core @babel/preset-env -D 2.在项目根目录下创建src目录，并在src中创建index.js、message.js、test.js这三个文件 index.js文件： import message from './message.js'; console.log('hello bundler'); message.js文件

webpack高级概念1.Tree shaking2.development和production模式的区分打包 1.Tree shaking tree shaking是一个术语来的，通常用于描述移除JavaScript上下文中的未引用的代码。比如某个js文件中导出的某一个方法没有使用，在production模式下打包就会把这个方法移除掉。 但是得注意：这个Tree shaking有时候会滥杀无辜，把我们一些需要的，但未应用得模块给移除掉的话，就会导致我们的项目会发生bug。例如：我们导入css模块的时候，

第一种：正常业务代码使用： 1.安装 npm install --save-dev babel-loader @babel/core 2.在webpack.config.js中配置 module: { rules: [ { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" } ] } 3.安装@babel/preset-env和@babel/polyfill和core-js@3 npm install @babe