基于 Webpack 的 CSS 命名空间加载器

基于 Webpack 的 CSS 命名空间加载器

20 次浏览 2024-06-16 0 条评论

zip

Webpack CSS Modules

css-namespacing-loader 是一款 Webpack 加载器，用于管理 CSS 命名空间，防止因引入第三方 CSS 文件而导致的样式冲突。在编译过程中，该加载器会根据配置选项自动为指定的类名添加命名空间。

使用方法:

安装:
bash
npm install css-namespacing-loader --save-dev
导入 CSS 文件:
javascript
// entry.js
import 'bootstrap/dist/css/bootstrap.min.css'
配置 Webpack:
javascript
// webpack.config.js
module.exports = {
module: {
rules: [
// ...其他规则
{
test: /.css$/,
use: [
// ...其他加载器
'css-namespacing-loader',
],
},
],
},
};