你好,
在构建nuxt 2.12.2项目时,出现以下警告:
由于未提供模板路径,因此Tailwind不会清除未使用的样式。
但是,我认为CSS似乎已被清除了吗? 有什么线索吗?
是的,默认情况下不是。
就我而言:
module.exports = {
purge: [
"./pages/**/*.vue",
"./components/**/*.vue",
"./plugins/**/*.vue",
"./static/**/*.vue",
"./store/**/*.vue"
],
theme: {},
variants: {},
plugins: []
};
它也发生在我身上,使用@Triloworld解决方案。 但是我认为应该默认添加它!
@Triloworld的解决方案似乎运行良好! 谢谢!
现在,我已经看到了@Atinux把推荐的设置上新tailwind.config.js
问题是它没有针对当前项目进行更新。
他建议的设置是:
// tailwind.config.js
module.exports = {
/* ... your actual config */,
purge: {
// Learn more on https://tailwindcss.com/docs/controlling-file-size/#removing-unused-css
enabled: process.env.NODE_ENV === 'production',
content: [
'components/**/*.vue',
'layouts/**/*.vue',
'pages/**/*.vue',
'plugins/**/*.js',
'nuxt.config.js'
]
}
}
感谢@santicros ,您的配置对我有很大帮助。 当我使用@Triloworld解决方案进行生成或生成时,诸如md:*
类的断点不会出现在编译文件中。
@dbarjs在我最后遇到md:*
的同一问题。 已禁用对tailwind.config.js和nuxt.config.js的清除
我认为该模块不需要为enabled
添加生产标志。
根据Tailwind文档,清除仅应在生产环境中运行,并且它们明确指出enabled
是手动替代。 因此,该模块不应默认要求手动覆盖。
由于此问题最近没有活动,因此已被自动标记为陈旧。 如果没有进一步的活动,它将关闭。 感谢你的贡献。
最有用的评论
现在,我已经看到了@Atinux把推荐的设置上新tailwind.config.js
问题是它没有针对当前项目进行更新。
他建议的设置是: