Ada*_*ski 5 webpack postcss css-modules
我有以下 webpack 配置:
test: /.css$/,
use: extractAppStyles.extract({
fallback: 'style-loader',
use: [{
loader: 'css-loader',
query: {
modules: true,
importLoaders: 1,
sourceMaps: false
}
}, {
loader: 'postcss-loader'
}]
})
Run Code Online (Sandbox Code Playgroud)
和postcss.config.js:
module.exports = {
plugins: [
require('precss'),
require("postcss-extend")
]
};
Run Code Online (Sandbox Code Playgroud)
我想在本地 css 模块中使用 postcss-extend 插件,以便我可以在本地模块中扩展一些全局定义的选择器,例如:
.test {
@extend :global(.some-class);
}
Run Code Online (Sandbox Code Playgroud)
哪里.test是本地的,.some-class是全球的。使用当前设置,只能扩展本地定义的选择器,而全局变量似乎未定义:
':global(.some-class)', 还没有定义,所以不能扩展
加载程序的顺序似乎是问题所在,我认为模块在由postcss-extend插件处理时没有得到解决。我postcss-modules之前尝试使用插件,postcss-extend但没有按预期工作。
有没有人想出如何结合使用两者,以便可以在本地扩展全局定义的选择器?
| 归档时间: |
|
| 查看次数: |
1262 次 |
| 最近记录: |