工程化（webpack、vite）

常见 loader bable-loader 把高级 JS/TS 变成低级 JS ts-loader 把 TS 变成 JS，并提示类型错误 markdown-loader 把 markdown 变成

在开发时，我们的页面在localhost:8080，JS 直接访问后端端口（如https://baidu.com）或htttp://localhost:3000）会报跨域错误。 为解决这个问题，可以在

是个啥 tree-shaking 就是在打包时忽略没有用到的 JS 代码，以减小包的体积 怎么做 根据文档： 怎么删 使用 ES Modules 语法（即 ES6 的 import 和 export

使用 DllPlugin 将不常变化的代码提前打包并复用，如 vue、react 使用 thread-loader 或 HappyPack （过时了）进行多线程打包 处于开发环境时，在 webpack

开发环境的区别 vite 自己实现 server，不对代码打包，充分利用浏览器对<script type = module>的支持 假设 main.js 引入了 vue 该 server 会把 imp

以下对应的 webpack config： 但是，这样配置会有一个【重复打包】的问题：假设 app.js 和 admin.js 都引入了 vue.js，那么 vue.js 的代码既会打包进 app.j

swc 实现语言：Rust 功能：编译 JS/TS，打包 JS/TS 优势：比 bable 快很多很多很多（20倍以上） 能否集成进 webpack：能 使用者：Next.js、Parcel、Deno