{
test: /\\.(css|less)$/,
exclude:/node_modules/,
use: [
require.resolve(\'style-loader\'),
{
loader: require.resolve(\'css-loader\'),
options: {
importLoaders: 1,
modules: true,
localIdentName: \'[local]-[hash: 64:5]\'
},
},
{
loader: require.resolve(\'postcss-loader\'),
options: {
// Necessary for external CSS imports to work
// https://github.com/facebookincubator/create-react-app/issues/2677
ident: \'postcss\',
plugins: () => [
require(\'postcss-flexbugs-fixes\'),
autoprefixer({
browsers: [
\'>1%\',
\'last 4 versions\',
\'Firefox ESR\',
\'not ie < 9\', // React doesn\'t support IE8 anyway
],
flexbox: \'no-2009\',
}),
px2rem({
\"rootValue\": 50,
\"propList\": [
\"*\"
]
})
],
},
},
{
loader: require.resolve(\"less-loader\")
}
],
},
{
test: /\\.(css|less)$/,
include:/node_modules/,
use: [
require.resolve(\'style-loader\'),
{
loader: require.resolve(\'css-loader\'),
options: {
importLoaders: 1,
},
},
{
loader: require.resolve(\'postcss-loader\'),
options: {
// Necessary for external CSS imports to work
// https://github.com/facebookincubator/create-react-app/issues/2677
ident: \'postcss\',
plugins: () => [
require(\'postcss-flexbugs-fixes\'),
autoprefixer({
browsers: [
\'>1%\',
\'last 4 versions\',
\'Firefox ESR\',
\'not ie < 9\', // React doesn\'t support IE8 anyway
],
flexbox: \'no-2009\',
}),
px2rem({
\"rootValue\": 50,
\"propList\": [
\"*\"
]
})
],
},
},
{
loader: require.resolve(\"less-loader\")
}
],
}
webpack在moudle.rule里配置postcss时
发现在 第二个对象里 include:/node_modules/ 里配置px2rem才起作用,且是全局作用。
但css-loader里配置项modules: true 样式模块功能运行正常?
难道postcss-loader是单例模式?
继续阅读与本文标签相同的文章
上一篇 :
Go内部培训——节点解析1-10
-
Cassandra gossip介绍系列之一
2026-05-18栏目: 教程
-
GO学习笔记 - 数据校验
2026-05-18栏目: 教程
-
源码分析 RocketMQ DLedger 多副本之 Leader 选主
2026-05-18栏目: 教程
-
源码分析 RocketMQ DLedger 多副本存储实现
2026-05-18栏目: 教程
-
阿里巴巴小程序繁星计划技术能力支持指南
2026-05-18栏目: 教程
