npm run production 不是亲生的？

问答 / 185 / 1 / 创建于 2年前 / 更新于 2年前

在 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:

课程读者 240 声望

Code & Coffee

《L01 基础入门》

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

《L02 从零构建论坛系统》

以构建论坛项目 LaraBBS 为线索，展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。

推荐文章：

更多推荐...

[求职]在郑州工作4年的程序媛的简历优化 13 / 172 |

冯老师的困惑——测试和正式环境掐架篇（一） 15 / 23 |

简单对比一下DcatAdmin和filament的各自优缺点 29 / 35 |

面试 POPER 的后端开发工程师的离奇经历 35 / 104 |

Git在项目中的那些实操(持续更新...) 22 / 3 |

[开源项目] 基于 laravel 开发的一个社区/社交小程序 23 / 47 |

midsmr

13 声望

最佳答案

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

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

2年前评论

讨论数量: 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样式打包，没用到的不打包

2年前评论

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

帮助