<article>
<ul>
<h4>
直接给文件加 hash 值(防止浏览器缓存)
</h4>可以用:后面跟数字设置hash值的长度
<ul>
<li>如果只需要图片添加域名
</li>
</ul>
<ol>
<li>
<ul>
<li>每次自动删除 dist 目录下的所有文件
</li>
</ul>
</li>
</ol>
<ul>
<li>source-map 会单独生成一个 sourcemap 文件 可以帮我们调试源代码 会显示当前报错的列和行
</li>
<li>eval-source-map 不会产生单独的文件 但是会显示报错的行和列
</li>
</ul>// 字符串必须要包两层
<ol>
<li>*代理的方式 重写的方式 把请求代理到 express 服务器上
</li>
</ol>}// 配置了一个代理
<ol>
<li>自带优化 tree-shaking（树的摇晃)，自动去除没有使用的代码,支持生产模式生效
</li>
</ol>
<blockquote>
把变量进行压缩，去提取模块中的导出的变量
</blockquote>
</ul>
<ol>
<li>热更新(浏览器强制刷新叫做硬更新),热更新就是代码修改之后浏览器不需要刷新 css-loader 本身支持热更新
</li>
</ol>
<ul>
<li>plugins 里面配置热更新插件
</li>
</ul>
<ul>
<li>代码里面的写法热更新文件夹里面
</li>
</ul>
<ol>
<li>IgnorePlugin 忽略 webpack 内置插件 以 mement 库为例 直接使用会引入所有的语言包 配置忽略项之后我们只需要手动引入我们需要的语言包 打包的时候只打包需要的
</li>
</ol>
<ul>
<li>配置忽略项之前打包大小 287kb 配置忽略项之后打包的大小 - 67.8k
</li>
</ul>
<ul>
<li>css 也可以实现多线程打包
</li>
</ul>
<ol>
<li>抽离公共代码(多入口)
</li>
</ol>
</article>}

}