Webpack | YumeのDiary

January 7, 2018

环境变量导致的 webpack 打包时不压缩 CSS 文件

项目上线的时候一般要把 JS 和 CSS 压缩一下,用 webpack 的 uglifyJSPlugin 和 css-loader 的 minimize 选项可以分别压缩 JS 和 CSS. 但是偶然发现一个项目里的 CSS 并没有被压缩。最后发现是一个环境变量在不同的系统下不统一的锅。 通过为 css-loader 指定参数,可以在打包的时候压缩 CSS 样式文件。例如: ... Read more

June 6, 2017

从根源缩小 webpack 打包的 React App 体积

用 webpack 打包 React App 可谓是 React 开发中的最佳实践,但是有个令人十分头疼的问题就是在堆上了一堆依赖之后,用 webpack 打包出来的东西体积非常非常非常大,加载和首屏渲染的时间就要非常非常非常久,用户体验自然也就非……很不好。有很多前辈已经研究了很多缩小 webpack 打包出的 React App 体积的办法,这里我想讲一下自己踩这个大坑的经历以及发现的一个可行的方案。 ... Read more

©2018 YumeのDiary / Published with Hugo / Theme