问题标签 [postcss]

我纯粹出于好奇而尝试了 postCSS，但我已经有大约 2 秒的编译时间了。

我只使用 3 个插件autoprefixer:postcss-import和postcss-nested

我已经app.css导入了 2 个文件：

然后我有_base.css：

和_common.css：

我的观察者只在看/postCSS：

postcss：开发任务：

所以我的问题是，我怎样才能有 2 秒的时间来编译 3 个小 css 文件？我错过了什么吗？

谢谢！

我正在将此库用于名为Flickity的幻灯片，需要使用其 css 文件flickity.min.css。在我的项目中，我使用 postCSS 并将其包含flickity.min.css到我的组件 css 中，例如：

它的类以下列方式获得前缀：MyComponent__flickity-class_35aw这个问题是 flickity 创建新的 dom 元素并依赖于它的类，所以在检查器中，它的类将是.flickity-class因此没有样式应用于它，我试图弄清楚如何正确地包括它。

使用 react + webpack 设置

我安装了 grunt-postcss 和 autoprefixer 插件，但是当我尝试使用插件“ load-grunt-config ”、Autoprefixer 和其他插件的方法配置 PostCSS 时，什么都不做，也没有提示或错误。

这是控制台的输出：

当我以标准方式配置 grunt 时，PostCSS 可以正常工作。

这是我的 postcss.js 文件，放在 grunt 文件夹中：

相反，使用这个命令grunt postcss --debug，控制台会显示：

或者这个命令行$grunt postcss --verbose，控制台显示这个：

你不知道如何解决它

谢谢你的帮助

马里奥

我正在使用带有 PostCSS 的 Ruby sass。这是我的 gulp css 任务。

我得到的错误

我正在尝试从 webpack 生成一个 css sourcemap。但是，目前css.map生成的文件大部分是空的。

我了解我需要添加类似于以下内容的内容

但我不确定如何将它与 importLoaders = 1 链接起来，我目前在我的webpack.config.js.

我正在尝试在 webpack 中使用 OptimiseCssAssetsPlugin，但是当我引入它时，似乎仍在生成的我的 css 源映射在 chrome 中不再可用。

我的 webpack.config.js 如下

对此的任何想法将不胜感激。

似乎此构建脚本正在运行，但输出的 CSS 未缩小或自动添加前缀。我正在尝试编译 SASS，然后使用 Broccoli 和 angular-cli 通过 Post CSS 运行输出。我想也许一些 ember-cli 的人也可以提供帮助。我究竟做错了什么？

构建在终端中输出：

但是 CSS 就像从 SASS 输出一样，而不是 Post CSS。

这是我的 angular-cli-build.js：

我正在尝试为 PostCSS autoprefixer 使用 wepback 加载器和插件。所有 SCSS 都在编译，但没有加前缀。

这是我的配置中的内容：

我错过了什么。

有些地方我使用过 flexbox，但它们没有加前缀

我正在尝试将Lost Grid与 postCSS 一起使用，并试图了解为什么以下代码不起作用；

HTML

CSS

我期待看到；

但这就是结果；

我还设置了一支密码笔；

http://codepen.io/alexc101/pen/mEJQaR?editors=110

我只是想了解代码在这里做了什么，以及我实现第一张图片中所需效果的正确方法是什么。

希望一切都有意义

谢谢

我正在为一个项目使用https://github.com/mxstbr/react-boilerplate，该项目使用 CSS 模块和 postCSS 作为样式，这很棒。但是，我还需要一些用于排版、基本组件等的全局 CSS 文件。如何添加这些文件的最佳实践是什么？我看过使用preCSS，但不完全确定如何在 webpack 中设置它，以便它可以将这些全局文件导入到主样式表中。我是 webpack 的新手（来自 Gulp/Grunt 背景，使用 Sass）所以这里的任何帮助将不胜感激。

如果我可以在 CSS 模块文件中使用这些文件中定义的变量和 mixin，那也很棒，但不确定这是否可行或建议。我已经安装了react-css-modules以便我可以styleName用来引用 CSS 模块文件和className引用全局 CSS 类。

我知道有该composes: class from '/path/to/file.css';属性，但我希望有一些全局文件，其中定义了各种实用程序类，例如clearfix错误类等。所以使用react-css-modules，它看起来像这样： <div className="clearfix" styleName="app-header">{...}</div>

同样，不确定这是否正确。

在我从事开源项目时，我想坚持最佳实践，并希望以最好的方式完成。感谢您的任何建议！