2023-6-8 webpack（CDN打包优化。MiniCssExtractPlugin。hash,chunkhash,contenthash区别）

张志明456
81 阅读1分钟

image.png

image.png

一般公司自己的代码不会打包到CDN服务器，更常见的是在通过CDN使用第三方库

image.png

image.png

通过externals排除我们需要打包的包(key为包名，value为包暴露出来的全局对象)，而在html文件中通过script链入各个包的CDN

image.png

image.png

注: 一般在开发环境下没必要使用CDN，一般是在生产环境我们配置externals并使用CDN

image.png

image.png

image.png

image.png

image.png

image.png

注:一般在开发环境中我们使用style-loader将css通过style标签插入浏览器，

在生产环境中我们使用MiniCssExtractPlugin.loader将css抽离成单独的文件，通过link标签链入css

image.png hash,chunkhash,contenthash区别

avatar
文章
阅读
粉丝