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-expandcss-shorthand-expand