webpack 如何将 css border样式合并写法分离

Question

比如 css 样式中 border 的写法如下：

#div {
    border: solid red 1px;
}

通过 webpack 处理成：

#div {
    border-style: solid;
    border-color: red;
    border-width: 1px;
}

同样的还有 padding、margin 这种类型的处理，有什么 loader 能够做到吗？

Answer 1

• postcss-shorthand-expand
• css-shorthand-expand