【问题标题】:how to remove css comments from css file如何从css文件中删除css注释
【发布时间】:2021-02-20 10:46:22
【问题描述】:

我正在使用nextjs + reactjs。我想remove 我的css 文件中存在的所有css cmets。例如,a 为 next js 创建了一个简单的项目。我正在使用next-purgecss 删除不需要的css,但它仍然不是removing cmets 为什么?

这是我的代码 https://codesandbox.io/s/sharp-jennings-upb7y?file=/next.config.js:73-86 我在css 文件中添加了comment

/*

heloo terr
 */
a {
  background-color: green;
}

使用purgecss插件后应该删除。有什么办法可以删除这些cmets

要运行代码,请创建一个新终端并在 3005 端口打开时运行 npm run dev

【问题讨论】:

  • 我检查了 purgecss 文档,但没有找到任何关于它如何删除 cmets 的信息。它只是说“PurgeCSS 是一个删除未使用的 CSS 的工具”。也许它只是删除未使用的类等,而不是 cmets
  • 也许这个问题的答案可能会有所帮助。即使他们没有使用 purgecss,也有人为 webpack 建议了一个不同的插件。 stackoverflow.com/questions/43360631/…

标签: javascript reactjs webpack next.js


【解决方案1】:

Next.js 会自动移除 CSS 中的 cmets。您不需要额外的配置或 CSS 处理包。使用npm run buildnpm start 在生产模式下运行项目,cmets 将从构建中删除。

通常,在开发模式 (next dev) 下,构建不会针对生产进行优化。

【讨论】:

  • 我检查了 npm run build 它没有删除 cmets
  • @user5711656,在您的项目中,您将使用 legacy@zeit/next-css@zeit/next-sass 覆盖内置的 CSS 和 SASS 加载器。它们现在已经过时,需要删除。见步骤here
  • 感谢您回答如何add css 文件和remove unwanted css files
  • 实际上在我的项目中,我很少有scsscss 文件。在我的css 文件中,所以我的unused class 在那里,所以我使用purgecss 插件.unused css 是已删除,但没有删除 cmets
  • 看我的例子我在_app.js中同时使用scsscss import "./style.css";导入“../styles.css”; codesandbox.io/s/sharp-jennings-upb7y?file=/pages/… 。在css 文件中有一些不需要的css 存在。我希望unused css 将与comments 一起删除。有可能
猜你喜欢
  • 2022-08-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-03-05
  • 2013-11-19
  • 2012-03-17
相关资源
最近更新 更多