webpack-handle-css-loader Webpack CSS处理器

Webpack 的 CSS 总觉得绕?我推荐你试试 webpack-handle-css-loader,一个蛮好用的开源库,专门帮你搞定 Webpack 里的 CSS 那一摊子事,配置也不复杂。

CSS 导入模块化提取这类常见流程它都管。像你写import './main.css',它就能帮你搞定背后的一堆转换。

预器支持也比较全,像lesssass都能配得上。而且整合了postcss,你想加点浏览器前缀或者玩点未来 CSS,也挺方便。

对了,它对MiniCssExtractPlugin这类插件也有支持,生产环境下能把 CSS 单独抽出来,加载更快。这点在优化阶段有用。

源映射这块也没落下,调试时你能直接看到原始 CSS 文件,不用对着一坨压缩代码抓狂。

整体用起来,挺适合对 Webpack 配置没那么熟的朋友。不用每次都东找西凑,直接按它的套路来一套就行。

如果你项目刚好涉及多个 CSS 方案、还保持构建性能,可以试试看这个库。在用之前,建议先看看它的文档和例子,顺便了解下支持的 Webpack 版本。

zip
前端开源库-webpack-handle-css-loader.zip 预估大小:15个文件
folder
webpack-handle-css-loader-master 文件夹
file
.babelrc 179B
file
package.json 1KB
folder
test 文件夹
folder
fixture 文件夹
file
sass.js 461B
file
empty-options.js 350B
file
sourcemap.js 335B
file
minimize.js 345B
file
index.test.js 1KB
file
LICENSE 1KB
folder
src 文件夹
file
index.js 6KB
file
.gitignore 35B
file
circle.yml 217B
file
README.md 8KB
file
yarn.lock 298KB
file
.editorconfig 188B
file
.gitattributes 12B
zip 文件大小:84.32KB