![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 55
周星星日记
此人很懒,只会敲代码
展开
-
07.webpack的性能优化 -- 产出代码
webpack打包优化原创 2023-11-19 11:14:46 · 80 阅读 · 0 评论 -
06.webpack性能优化--构建速度
这样就导致包很大,打包速度又慢所以,最好能够少打包一些没用的依赖目录进去而moment的包含’./locale/‘该字段路径的文件目录就是各国语言的目录,比如’./locale/zh-cn’就是中文语言。我们虽然按照上面的方法忽略了包含’./locale/'该字段路径的文件目录,但是也使得我们使用的时候不能显示中文语言了,所以这个时候可以手动引入中文语言的目录。代码,但是它使用的是单线程压缩代码,也就是说多个js文件需要被压缩,它需要一个个文件进行压缩。作用:不去解析属性值代表的库的依赖。原创 2023-11-19 11:02:48 · 1046 阅读 · 0 评论 -
05.webpack中的splitChunks抽离公共代码
splitChunks原创 2023-11-19 10:54:18 · 248 阅读 · 0 评论 -
04.webpack中css的压缩和抽离
mini-css-extract-plugin原创 2023-11-19 10:52:15 · 830 阅读 · 0 评论 -
02.webpack中多文件打包
【代码】02.webpack中多文件打包。原创 2023-11-17 15:01:46 · 424 阅读 · 0 评论 -
03.webpack中hash,chunkhash和contenthash 的区别
在 webpack 中有三种生成哈希值规则的方式,可以用来区分文件是否修改。hash 与整个项目有关,项目里有文件修改,所有文件的哈希值都会变化。chunkhash 与入口有关,同一入口的文件被视为一个整体,当其中一个文件修改时,同入口的所有文件哈希值发生改变。contenthash 只与文件内容有关,文件内容发生改变,才会更改该文件的哈希值。原创 2023-11-17 15:14:29 · 577 阅读 · 0 评论 -
01.webpack的认识
webpack中存在五大模块。`Entry`,`Output`,`Loader`,`Plugins`,`Mode`。首先会根据入口文件进行收集依赖,并且在Output中进行输出依赖,并且在其中使用loader和plugins对文件进行相应的转化原创 2023-05-11 10:06:22 · 64 阅读 · 0 评论