Ruby on rails （发出的值而不是错误实例）bulma css中的postcss自定义属性 总结

我正在用webpacker在rails5应用程序上使用Bulma CSS框架。 当我将css文件构建为

/bin/webpack dev server

时，我收到了如下警告。有人知道如何消除它们吗

23:37:47 webpacker.1 |./node_modules/css loader中的警告？{“最小化”：false}/node_modules/postss loader/lib？{“sourceMap”：true}/节点\模块/解析url加载程序/node_modules/sass loader/lib/loader.js？{“sourceMap”：true}/节点\模块/导入全局加载程序/app/javascript/stylesheets/application.scss
23:37:47 webpacker.1 |（发出的值而不是错误实例）postcss自定义属性：/some_rails_app/app/javascript/stylesheets/application.scss:9284:3:忽略自定义属性：未限定到顶级：根元素（.columns.is-variable{…--columnGap:…}）

版本

• 轨道：5.1.4
• 布尔玛：0.6.1
• Ruby:2.4.1p111
• 网页包装：3.0.2

我在github上发现了这个问题，下面是我如何设置以消除警告

终端

yarn add postcss-cssnext

在config/webpack/loaders/sass.js中为postss加载器添加新选项

{
  loader: 'postcss-loader',
  options: {
    sourceMap: true,
    plugins: (loader) => [
      require('postcss-cssnext')({
        features: {
          customProperties: {
            warnings: false
          }
        }
      })
    ]
  }
},

---

或者，如果您没有使用postcss，只需删除postcss加载器，就可以完成所有设置。

我在React和webpack配置方面也遇到类似问题。因此，我添加了

postsss.config.js

文件并添加了以下代码：

const postcssCssNext = require('postcss-cssnext')
const postcssImport = require('postcss-import')

module.exports = {
    plugins: [
        postcssCssNext({
            features: {
                customProperties: {
                    warnings: false
                }
            }
        }),
        postcssImport
    ]
}

---

我也有这个问题。我不需要邮政编码。我怎样才能摆脱它？我试过把它取下来，但它说它没有安装。有什么想法吗？你必须从网页包配置中删除postcss加载器。他们现在已经将配置放在npm包中，所以不能直接更改它。这是他们提供的文件。尝试使用

环境加载程序

，看看是否可以删除postcss加载程序。