我有以下文件夹设置:
app/
scss/
lib/
grid.css
main.scss
webpack/
webpack.config.js
在我的webpack.config.js中,我有以下加载程序来处理 scss 和 css:
{
test: /\.(css|scss)$/,
exclude: path.join(__dirname, '..', 'app/scss/lib/'),
loader: ExtractTextPlugin.extract(
'style-loader', 'css-loader?module!resolve-url!postcss-loader!sass-loader?sourceMap'
)
},
{
test: /\.(css|scss)$/,
include: path.join(__dirname, '..', 'app/scss/lib/'),
loader: ExtractTextPlugin.extract('style-loader', 'css-loader')
}
这里的想法是 css-loader 使用模块基本上将类名重写为.red
随机的东西.JHSKJasdasa
,但是,我希望它排除/lib文件夹并保留其中的类与它们相同(香草),但仍然是网格内的类.css 之类的.container
变得随机化。