![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack5
文章平均质量分 87
傻瓜式教学
不点外卖
这个作者很懒,什么都没留下…
展开
-
React-Cli配置
【代码】React-Cli配置。原创 2022-10-16 22:23:24 · 377 阅读 · 0 评论 -
webpack高级教程-2
提升开发体验使用 Source Map 让开发或上线时代码报错能有更加准确的错误提示。提升 webpack 提升打包构建速度使用 HotModuleReplacement 让开发时只重新编译打包更新变化了的代码,不变的代码使用缓存,从而使更新速度更快。使用 OneOf 让资源文件一旦被某个 loader 处理了,就不会继续遍历了,打包速度更快。使用 Include/Exclude 排除或只检测某些文件,处理的文件更少,速度更快。原创 2022-10-14 11:00:49 · 109 阅读 · 0 评论 -
webpack高级教程-1
开发时我们运行的代码是经过 webpack 编译后的,例如下面这个样子很多代码都是通过从eval函数暴露,要是代码有bug,不方便定位出错点。比如:这个例子不太合适,但只是一个例子而已。原创 2022-10-13 13:33:49 · 173 阅读 · 0 评论 -
webpack基础教程-3
Css 文件目前被打包到 js 文件中,当 js 文件加载时,会创建一个 style 标签来生成样式。这样对于网站来说,会出现闪屏现象,用户体验不好,所以我们应该是单独的 Css 文件,通过 link 标签加载性能才好。原创 2022-10-12 16:41:34 · 118 阅读 · 0 评论 -
webpack5基本教程-2
生产模式是开发完成代码后,我们需要得到代码将来部署上线。这个模式下我们主要对代码进行优化,让其运行性能更好。优化代码运行性能优化代码打包速度。原创 2022-10-11 16:40:47 · 417 阅读 · 0 评论 -
webpack5基本教程-1
开发模式:仅能编译 JS 中的 ES Module 语法生产模式:能编译 JS 中的 ES Module 语法,还能压缩 JS 代码。原创 2022-10-10 21:45:47 · 347 阅读 · 1 评论