![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 89
路西高辣
到二仙桥 要走成华大道
展开
-
create-react-app创建的项目如何修改webpack配置
craco是 “Create React App Configuration Override” 的缩写,它是一个用于扩展和覆盖 Create React App(CRA)默认配置的工具。Create React App 是 Facebook 提供的一个流行的脚手架工具,用于快速初始化和构建React Web应用程序,特点是开箱即用并且有一套固定的配置集。原创 2024-05-13 09:00:00 · 840 阅读 · 0 评论 -
Webpack性能优化 模块分包
在前端的自动化部署过程中,随着项目体积的不断增大,服务器打包的压力也在逐渐变大,打包时占用服务资源太大,这个时候就需要考虑如何减轻打包的压力。这两种方式并非是只能选其一,而是能双管齐下。一般情况下,其实使用方法1已经足够了,但不排除有特殊情况,使用splitChunks后还是感觉打包的压力略大,所以接下来就来讲讲如何使用webpack进行模块分包。原创 2023-10-31 09:00:00 · 1412 阅读 · 0 评论 -
Webpack性能优化 代码分片与公共模块提取
通过将通用模块从bundle中分离出来,生成的块文件可以在最初加载一次,并存储在缓存中供以后使用。优化将优先考虑具有更高 priority(优先级)的缓存组。默认组的优先级为-20,以允许自定义组获得更高的优先级(自定义组的默认值为 0)。webpack-bundle-analyzer:一个 plugin 和 CLI 工具,它将 bundle 内容展示为一个便捷的、交互式、可缩放的树状图形式。如果当前 chunk 包含已从主 bundle 中拆分出的模块,则它将被重用,而不是生成新的模块。原创 2023-09-16 20:18:39 · 373 阅读 · 0 评论 -
前端项目如何配置Eslint
ESLint 是一个根据方案识别并报告 ECMAScript/JavaScript 代码问题的工具,其目的是使代码风格更加一致并避免错误。原创 2023-09-16 20:12:17 · 126 阅读 · 0 评论