qq_40407998的博客

一、基础 1.1 优点 1.默认支持多种模块标准，包括AMD，CommonJS,ES6 Model 2.有完备的代码分割（code splitting）解决方案，分割打包后的资源，只加载必要部分 3.可以处理各种类型资源（js文件，样式，图片等） 4.庞大的社区支持 1.2 基本用法 方式一：最基本的命令行 — 在控制台输入即可打包 npx webpack --entry=./index.js --output-filename=bundle.js --mode=development 方式

1.有哪些常见的 loader？他们能解决什么问题？ 2.webpack 的构建流程是什么? 从读取配置到输出文件的整个过程。 3.是否写过 loader 和 Plugin ？描述一下编写 loader 或 Plugin 的思路？ 4.webpack 的热更新是如何做到的？说明其原理？ 5.如何利用 webpack 来优化前端性能？（提高性能和体验） ...

1.定义： 开发环境：开发人员调试开发的一种环境: 方便调试，保持高效的开发 生产环境：发布上线的环境: 让程序在生产环境中正常有效的运行 开发环境的需求： 　　　　模块热更新 （本地开启服务，实时更新） 　　　　sourceMap (代码映射，方便打包调试) 　　　　接口代理　 (配置proxyTable解决开发环境中的跨域问题) 　　　　代码规范检查 (代码规范检查工具) 生产环境的需求： 　　　　提取公共代码　 　　 　　　　压缩混淆(压缩混淆代码，清除代码空格，注释等信息使其变得