webpack

plugin的作用 通过插件，我们可以扩展webpack，加入自定义的构建行为，使webpack可以执行更广泛的任务，拥有更强的构建能力。 plugin工作原理 webpack就像一条生产线，要经过一

webpack是什么？ 为什么使用webpack 功能介绍 基本使用 初始化package.json文件(包描述文件) 下载webpack、webpack-cli npx会将node_modules/

开发服务器&自动化 每次写完代码，我们都需要输入指令才能编译代码，太麻烦了，我们希望一切自动化。 webpack-dev-server可以在本地搭建一个服务器，监视src目录下的文件，一旦发生变化就会

官方文档：webpack.docschina.org/ webpack高级配置其实就是进行webpack优化，让代码编译运行时更好。 我们从以下角度进行优化： SourceMap 为什么？ 开发时在浏

package.json .eslintrc.js babel.config.js config/webpack.dev.js src/main.ts src/App.jsx

生产环境配置 package.json config/webpack.dev.js .eslintrc.js babel.config.js src/main.js src/router/index.

# loader原理 webpack本身只能识别js模块，loader能够帮助webpack将不同类型的文件转换成webpack能识别的模块。 ###### 1、loader分类 . pre 前置lo