npm run production 不是亲生的？

问答 / 1 / 1 / 创建于 3年前 / 更新于 3年前

在 Laravel 上用 tailwindcss 写了个项目，开发中一直都是 npm run dev 没有任何问题，今天 npm run production 一下样式缺失了一部分 🙂

于是重新编译两份版本，过程中没有报错，下面以查找样式类 px-14 为例

dev 版
开发版本中查找到 6 个结果
npm run production 不是亲生的？

production 版
生产版本中 0 个结果
npm run production 不是亲生的？

webpack.min.js

mix.js('resources/js/app.js', 'public/js')
 .postCss('resources/css/app.css', 'public/css', [
  require('postcss-import'),
  require('tailwindcss'),
 ]).version();

在 laravel-mix 的 issue 中也没找到原因，烦请各位大佬指点 🤞

:computer: & :coffee:

课程读者 250 声望

Code & Coffee

《L03 构架 API 服务器》

你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程，JWT 概念及使用和 API 开发相关的进阶知识。

《G01 Go 实战入门》

从零开始带你一步步开发一个 Go 博客项目，让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。

推荐文章：

更多推荐...

如何打造令后端面试官印象深刻的简历？ 12 / 9 |

花了四个月打磨的 Laravel Plus 开源 29 / 96 |

冯老师的困惑 —— 一个跑了两年的 BUG 19 / 16 |

在laravel下实现全双工的websocket开发 21 / 8 |

无需修改任何代码和扩展将你的Laravel项目性能提高20倍 99 / 98 |

Laravel 实用小技巧——缓存标签的小秘密（下） 12 / 11 |

midsmr

13 声望

最佳答案

// tailwind.config.js
module.exports = {
  purge: [],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [],
}

生产环境编译tailwindcss 会遍历config配置里的purge数组将purge数组内文件用到的tailwindcss样式打包，没用到的不打包

3年前评论

讨论数量: 1

midsmr

13 声望

// tailwind.config.js
module.exports = {
  purge: [],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [],
}

生产环境编译tailwindcss 会遍历config配置里的purge数组将purge数组内文件用到的tailwindcss样式打包，没用到的不打包

3年前评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助