![](https://img-blog.csdnimg.cn/2020111313535262.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
webpack
文章平均质量分 91
webpack
零度碳酸-
“前端小白”求知若渴,日常学习总结
展开
-
webpack性能优化
webpack性能优化优化开发体验优化输出质量缩⼩⽂件范围 Loader优化resolve.modules配置优化resolve.alias配置优化resolve.extensions配置使⽤externals优化cdn静态资源使⽤静态资源路径publicPath(CDN)css⽂件的处理压缩css压缩HTMLdevelopment vs Production模式区分打包 优化开发体验 提升效率 优化构建速度 优化使⽤体验 优化输出质量 优化要发布到线上的代码,减少⽤户能感知到的加载时间 提升代码性能原创 2021-05-29 14:00:50 · 307 阅读 · 1 评论 -
webpack与模块化
webpack 与 模块化 文章目录webpack 与 模块化模块化模块化的核心ESM独立模块作用域导出模块内部数据导入外部模块数据模块化的向下兼容CommonJSAMDrequireJS`requireJS` 的 `CommonJS` 风格UMD 模块化 模块化已经是现代前端开发中不可或缺的一部分了 把复杂的问题分解成相对独立的模块,这样的设计可以降低程序复杂性,提高代码的重用,也有利于团队协作开发与后期的维护和扩展 从 ECMAScript2015 开始引入了模块的概念,我们称为:ECMAScript原创 2020-11-12 23:59:21 · 203 阅读 · 0 评论 -
webpack
webpack 文章目录webpackwebpack 是什么?安装使用打包模块入口文件打包命令打包配置核心配置modeentryoutput深入执行简要流程Loadersraw-loaderfile-loaderurl-loadercss-loaderstyle-loadersass-loaderPluginsHtmlWebpackPluginclean-webpack-pluginmini-css-extract-pluginsourceMapWebpackDevServerProxyHot Module原创 2020-11-12 23:58:13 · 112 阅读 · 0 评论