如何在Laravel Mix中设置postcss-calc为false？配置不生效怎么办

• Laravel Mix 生产构建模式下会自动注入内置的cssnano实例，优先级远高于手动在options.postCss里传入的同类型插件，你写的calc: false配置根本没被内置实例读取，属于被静默忽略的状态
• Sage 10默认构建链路已经预置了完整的postcss处理规则，手动覆写postCss数组时如果没有先移除默认内置插件，会出现两层cssnano叠加执行的问题：内层默认开启calc压缩的内置cssnano会先把所有calc表达式计算合并，你后续写的规则根本来不及生效
• 你当前把calc: false放在cssnano default preset选项里的语法本身没有错误，问题出在配置挂载的位置不对

不需要手动把cssnano塞进postCss数组，直接用Mix原生提供的cssNano选项覆写内置配置即可，代码如下：

mix
  .sass('resources/styles/app.scss', 'styles')
  .sass('resources/styles/editor.scss', 'styles')
  .options({
    processCssUrls: false,
    // 直接覆写内置cssnano配置，避免插件叠加冲突
    cssNano: {
      preset: ['default', {
        discardComments: { removeAll: true },
        calc: false
      }]
    }
  });

如果坚持要走手动配置postCss数组的路径，必须先把Mix默认自动注入的cssnano从处理链路中排除，否则两层插件叠加的问题无法解决。

• 可以直接完全移除：cssnano的calc: false配置本质上就是禁止自身加载底层依赖的postcss-calc插件来做calc表达式的运算合并
• 如果要彻底卸载移除这个包，只需要在项目的postcss插件配置（一般为根目录的postcss.config.js）里明确不引入postcss-calc即可，注意不要误删其他功能依赖的postcss相关包
• 配置完成后可以检查生产构建输出的css文件，确认需要保留的calc()表达式没有被自动计算合并，即可验证配置生效

内容的提问来源于stack exchange，提问作者Fred K