问题标签 [postcss]

我有一个带有两列的网格（我正在使用“丢失网格”）。一个是 300 像素，第二个是 630 像素，容器是 950 像素（20 像素将留有余量）。这是代码：

以这种方式设置宽度是否可以：(0.65895/2)，还是我做错了什么？如果我以这种方式设置它：(1/2)，我无法获得我需要的宽度。

大家好，我正在尝试在我的 postcss 布局中使用 font-awesome，但它似乎不起作用。所以我尝试安装带有帖子的 sass 以查看它是否可以工作，但我不知道如何去做。

我已经为 sass 安装了 npm gulp

这是我的 gulp 文件配置

我正在尝试添加这个 sass 配置

我正在设置一个基本的 Webpack 安装，并希望使用PostCSS和PreCSS插件在 @imported 文件中自动重新加载预处理的 CSS。目前，如果我修改并保存 @imported 文件，浏览器不会刷新（下例中的 body.css）。如果我随后保存根引用的 CSS 文件 (styles.css)，则浏览器会刷新并反映对 @imported 文件所做的任何更改。

我尝试过使用可配置的 webpack-dev-server，并使用 server.js。我试过没有安装热模型重载（HMR），也没有安装热模型重载（HMR）。

有没有办法让 webpack 监视 @imported CSS 文件，还是我从根本上错过了什么？

包.json

webpack.config.js

索引.html

entry.js

样式.css

正文.css

我有一个安装了丢失包的 gulp 文件，但是运行我的任务时似乎没有正确编译 css。

我的吞咽任务如下：

非常感谢您的帮助，非常感谢您！

编辑： CSS 输出不是预期的。例如，CSS 呈现为：.grid-one lost-utility: clearfix with: 100% div lost-column: 1/6

正在使用postcss-scss，它应该允许 // 在 scss 文件中。

相反，得到...

` 未知词

// 注入器

这是我的吞咽任务。

它说 postcss-scss 应该允许 // 注释语法。

这是完整的scss文件...

由于文件是自动生成的，我将无法删除 //.

我正在尝试使用变量来使用 CSSnext 插件指定断点。

目前我的CSS看起来像这样：

但是当我尝试运行它时，我在控制台中收到以下警告：

如果我将 var(--screan-md-min) 替换为实际像素，则此代码可以正常工作。我确信这只是语法问题，但 CSSnext 文档并没有很清楚地说明变量的使用。

我将autoprefixer与postcss一起使用，并且在移动到新的 linux 服务器后一定有问题，但我无法弄清楚这可能是什么。我收到错误：

由以下原因触发：

我研究了这个问题，但所有出现的问题似乎都是针对极早期版本的 node.js，例如：

• Node.js 中对 Promise 的原生支持

• https://github.com/postcss/postcss-nested/issues/30

解决方案似乎总是“更新节点”。

但我的似乎是最新的：

我的问题可能在这里？

下面是我的 Greeter.jsx 文件：

下面是我的 main.js 文件：

我使用postcss-modules 和 react-css-modules来隔离组件内的选择器，因此，当文件加载时，类名变成类似于 _3lmHzYQ1tO8xPJFY8ewQax 的东西。

例子：

下面是 react-bootstrap 如何给我输出：

由于我使用 bsStyle (react-bootstrap) 而不是 styleName(react-css-modules) 并没有被隔离，因此我无法将引导 css 样式应用于元素。

有没有办法通过隔离它的类来使用 react-bootstrap 以匹配 postcss-modules 生成的输出？

感谢期待。

我有 @imports index.css 的 page.css。

page.css 和 index.css 都有display: flex.

Webpack.config.js 包含：

构建后，我在 page.css 的规则中获得了前缀，但 index.css 中的规则没有前缀。我究竟做错了什么？

我无法将我的 webpack 配置从使用现已弃用的 cssnext 和 cssnext-loader 转换为 postcss-cssnext 和 postcss-loader。Doc 清楚地表明我试图重新创建的功能已被委派给特定插件的功能，但我似乎无法让事情正常工作。这方面的一个例子是 css 变量。

我当前的工作 webpack 配置是这样的：

...插件导入

...加载程序配置

...postcss 配置

问题：

我交换了我的 cssnext 导入以指向新的 postcss-cssnext 模块，并添加到现在需要的模块中来处理我的 css 变量（postcss-custom-properties）。我还删除了 cssnext-loader 并假设 postcss-loader 可以处理事情？？？

...插件导入

...加载程序配置

...postcss 配置

我可以看到我所有的样式都被渲染到页面上，但是没有一个 css 变量被评估过。中心问题似乎与“cssnext-loader”的使用有关。如果我重新添加它，变量就会起作用。我确实玩过 postcss-import 和各种配置迭代，但似乎没有任何效果。有人知道我做错了什么吗？如何让 postcss-cssnext、postcss-loader、css 变量和 webpack 一起工作？