npm - Laravel Mix：运行 npm 生产时错误的 css 属性

问题描述

环境

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

描述：

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

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

谢谢你。

重现步骤：

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

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

标签： npmwebpacksasslaravel-mix

npm - Laravel Mix：运行 npm 生产时错误的 css 属性

问题描述

环境

描述：

重现步骤：

解决方案

推荐阅读