问题标签 [cssnext]

使用以下 postcss 插件：

• postcss-cssnext
• postcss 嵌套
• postcss 颜色函数

使用以下颜色功能时，我经常遇到以下错误。

Unable to parse color from string "l(-20%)"

样式.css

Webpack 2 片段

我有一个文件typography.css，其中包含一个 cssnext自定义属性( --headingColor)、一个 cssnext自定义属性集( --heading)、一个@value、一个全局元素样式 ( h1) 和一个 CSS 类 ( .heading)：

使用 postcss，我可以使用 @value 并在 CSS 模块中编写类，而无需在输出的 CSS 中包含h1and类：.heading

但是，使用 cssnext 功能，我怎样才能用 and 做同样的事情--heading，--headingColor而不输出h1样式和.heading类？

我需要使用字体真棒。
PostCSS 尝试在源目录中查找字体，但不在 node_modules/font-awesome/fonts 中

错误文字：

进口：

webpack.config.js：

postcss.config.js

我真的很沮丧，因为我找不到任何关于这个主题的有用资源。

我只想看我的 .css 文件，使用 post css 插件来转换它们，最后将它们导出到我的 /public 文件夹，就像我已经对我的 .jsx 文件所做的那样

这是我的网络包配置

我正在尝试设置postcss-cssnext并且必须丢失一些东西，因为当我运行时，npm run postcss我的输出文件已创建但它看起来像输入文件（除了一些空白差异）。我的postcss.config.js文件正在加载，但功能未处理。我错过了什么？

postcss.config.js

包.json

我正在使用 reactJS，我想在较小的屏幕上隐藏一个 div（宽度<768px）。我在这里有两个选择：

第一种方法：

说明：isSmallScreen是一个布尔变量。这种方式甚至不会在源代码中显示其他 div 。

第二种方法：

描述：我在这里使用 twiitter 引导程序，它将添加display: none到其他 div。

Ps 我知道 bootstrap 也在使用 javascript，但我的问题是哪种方法更好用？事实上，我很困惑是否使用bootstrap，因为我已经在css3 flexbox system使用postcssand cssnext。

您的建议将不胜感激。提前感谢您的时间。

我正在将一个项目从 webpack 1 升级到 2，并且看到一些奇怪的行为，postcss-cssnext其中一些 css 下一个功能，最显着color()的功能和我的所有@media查询都不再工作了。

我使用 webpack 2 的 webpack 配置如下所示。我在这里做错了什么？

我在故事书中创建一个简单的反应工具箱按钮故事时遇到问题。我想强调一点，我在应用程序中设置的所有 react-toolbox 都运行良好。适当postcss.config.js的文件如下所示：

我收到了这个错误，我不确定我的配置中缺少哪个加载程序。

看起来有问题，@import但为什么我的应用程序一切正常？有人在这里，可以帮助我解决这个问题吗？

感谢您的任何建议。

我对 postcss-cssnext 有疑问：它没有按照我期望的方式编译我的 CSS。

这是我的 CSS 输入：

不幸的是，输出看起来完全一样 - 但是我期待这样的事情：

为了更好地理解，这是我的 webpack.config.js 的样子：

这里是我的 postcss.config.js：

Postcss-cssnext 版本是 2.11.0。我猜一般设置是有效的，因为供应商前缀已正确应用在 CSS 输出中。

我对 Webpack 和 Postcss 比较陌生。事实上，这是我第一次真正尝试使用它。所以我希望你们能帮助我:)

我使用 cssnext 来编写我的 css

并在 3 个地方使用 @apply --ellipsis

我使用 gulp 和 postcss-cssnext

但只有第一名才有用，</p>

我必须这样写：

但是这个千万不能这么写，肯定有问题……

谁能救我....