可以用自定义loader处理
//src/client/loaders/add-new-line.js
module.exports = exports.default = function (source) {
this.cacheable()
return source
.replace(/\}/g, '}\n') //实际要比这复杂,还要处理嵌套的情况
}
//webpack
resolveLoader: {
modules: [
path.resolve(__dirname, 'src/client/loaders')
]
},
module: {
rules: [
{
test: /\.less$/,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: ['add-new-line', 'css-loader', 'less-loader']
}
]
}
【 在 xiatianup 的大作中提到: 】
: 现在用的这个,要么是占多行{}里的每个属性都单独占一行,要么就压缩,全篇都只占一行。
: 2个极端。
: 有没有每条样式规则占一行的插件或者处理方式?
: ...................
--
FROM 119.130.207.*