Tailwindcss-module: 由于未提供模板路径,因此Tailwind不会清除未使用的样式。

创建于 2020-05-20  ·  8评论  ·  资料来源: nuxt-community/tailwindcss-module

你好,

在构建nuxt 2.12.2项目时,出现以下警告:

由于未提供模板路径,因此Tailwind不会清除未使用的样式。

但是,我认为CSS似乎已被清除了吗? 有什么线索吗?

question wontfix

最有用的评论

现在,我已经看到了@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'
    ]
  }
}

所有8条评论

是的,默认情况下不是。
就我而言:

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是手动替代。 因此,该模块不应默认要求手动覆盖。

image

由于此问题最近没有活动,因此已被自动标记为陈旧。 如果没有进一步的活动,它将关闭。 感谢你的贡献。

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

alexanderjanke picture alexanderjanke  ·  9评论

othy54 picture othy54  ·  6评论

joffreyBerrier picture joffreyBerrier  ·  8评论

toxin20 picture toxin20  ·  4评论

richeduni picture richeduni  ·  5评论