Laravel Mix：运行npm production时css属性错误

Question

环境

• Laravel Mix版本：laravel-mix@2.1.0
• 节点版本：v8.2.1
• NPM版本：6.10.0
• 操作系统：Linux（Ubuntu 18.04）

说明：

我正在尝试确定哪个CSS进程是在npm run production上应用了一些错误的CSS的罪魁祸首，但我无法做到这一点。一些Bootstrap 4 CSS属性正在被翻译/简化，并且产生了错误的样式。我尝试了很多解决方案（在我的本地webpack.mix.js => mix.options中）。我试图禁用purifyCss（我发现它没有在使用它），uglify，将outputStyle强制为“ expanded”（在.sass()方法中），等等。它们都不起作用。

作为一种解决方法，我可以添加一个新的“ prod” ENV并直接从我的webpack.mix.js中执行缩小和其他操作，但是我不喜欢这种解决方案，特别是当我认为这仅是因为设置时/ flag我可以轻易更改的位置（如果我知道哪个）。

谢谢。

复制步骤：

npm run dev：background-position: center right calc(0.375em + 0.1875rem)

npm run production：background-position: 100% calc(.375em + .1875rem)

Answer 1

好吧，这似乎是mixin中的错误：

https://github.com/twbs/bootstrap/commit/de1a6e3201a2f047c5abd2430795be32d37e9a35#diff-4fcf7dc3cf66b28cb08274cc30798d70

https://github.com/cssnano/cssnano/issues/712

更新到最新的Bootstrap版本可以解决此问题。