使用 webpack 打包后，尾部 windcss 的类名没有被打包的问题，可以通过在 tailwind.config.js 中配置 purge 选项来解决。
purge 选项可以指定要分析的 html 文件，以便 tailwindcss 可以提取所有使用的类名并将其包含在最终 css 文件中。在这种情况下，可以将 index.html 和 header.html 文件添加到 purge 数组中。
修改后的 tailwind.config.js 文件可能如下所示：
module.exports = { purge: ['index.html', 'src/base/*.html'], // 新增 index.html 和 src/base/*.html darkMode: false, theme: { extend: {}, }, variants: { extend: {}, }, plugins: [],};
通过添加这些文件，tailwindcss 现在将分析它们，并将任何使用的类名包含在打包的 css 文件中。
立即学习“前端免费学习笔记（深入）”；
以上就是使用 Webpack 打包后，尾部 windcss 类名没有被打包，如何解决？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1631993.html
微信扫一扫 
支付宝扫一扫 
