![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 95
关注前端小帅
永远期待美好的事情将会发生~
展开
-
Webpack + React + TypeScript 构建一个标准化应用
Webpack + React + TypeScript 构建一个标准化应用效果图背景原因之一原因之二原因三开搞目标依赖目录规划ES6+、JSX 、TypeScript 支持JavaScript 语法特性支持React的JSX语法支持TypeScript 支持Antd按需加载、主题定制babel配置按需加载webpack/loader配置antd主题工程化规范配置Eslint代码检查Prettier 代码格式化Stylelint 样式规范Commitlint 代码提交规范vscode 配置HMR 热更新配置原创 2021-09-13 19:37:48 · 365 阅读 · 0 评论 -
【Webpack】项目优化之CDN加速、Gzip压缩和SplitChunks拆分
这里以vue项目为例,配置包括但不限于vue项目。其他项目按类似逻辑配置即可。CDN加速分析:通过把类似**echart、element-ui、lodash**等第三方依赖库单独提取出,从而减小打包的体积大小,关键属性`externals`配置后的依赖插件不会被打包进**chunk**。而使用**CDN**加速、缓存也能加快访问速度。操作:这里我们主要通过`chainWebpack`中配置`externals`进行处理。提醒:**对于`exte...原创 2021-09-02 20:18:02 · 1089 阅读 · 1 评论