webpack

基本起步

npm init -y

npm i -D webpack webpack-cli

npm run dev 或 npm run build

==================================================================

修改打包目录

清空上次打包目录

处理HTML资源

sourceMap 帮助代码调试，生成代码和打包后的映射关系（.map文件）

hot: true 样式代码默认支持，因为style-loader做了 但js代码没有，所以要加如下代码（vue和react的loader做了）

[]

代码复用，设置成打包在一个文件里面（这个配置已经内置了）

按需加载，最开始的时候不加载这个文件，等需要的时候再去请求这文件

文件命名规范

假如a文件引入了b文件，防止修改b文件，打包时，a文件没有使用缓存，也更新了。下面配置会生成runtime文件，用来保存引用关系，所以只会更新b文件和runtime文件。