webpack-handle-css-loader Webpack CSS处理器
Webpack 的 CSS 总觉得绕?我推荐你试试 webpack-handle-css-loader
,一个蛮好用的开源库,专门帮你搞定 Webpack 里的 CSS 那一摊子事,配置也不复杂。
CSS 导入、模块化、提取这类常见流程它都管。像你写import './main.css'
,它就能帮你搞定背后的一堆转换。
预器支持也比较全,像less
、sass
都能配得上。而且整合了postcss
,你想加点浏览器前缀或者玩点未来 CSS,也挺方便。
对了,它对MiniCssExtractPlugin
这类插件也有支持,生产环境下能把 CSS 单独抽出来,加载更快。这点在优化阶段有用。
源映射这块也没落下,调试时你能直接看到原始 CSS 文件,不用对着一坨压缩代码抓狂。
整体用起来,挺适合对 Webpack 配置没那么熟的朋友。不用每次都东找西凑,直接按它的套路来一套就行。
如果你项目刚好涉及多个 CSS 方案、还保持构建性能,可以试试看这个库。在用之前,建议先看看它的文档和例子,顺便了解下支持的 Webpack 版本。
前端开源库-webpack-handle-css-loader.zip
预估大小:15个文件
webpack-handle-css-loader-master
文件夹
.babelrc
179B
package.json
1KB
test
文件夹
fixture
文件夹
sass.js
461B
empty-options.js
350B
sourcemap.js
335B
minimize.js
345B
index.test.js
1KB
84.32KB
文件大小:
评论区