（代わりにエラーのインスタンスの発光値）postcss-カスタムプロパティ

Question

概要

私はwebpackerとrails5アプリにブルマCSSフレームワークを使用してね。 私は./bin/webpack-dev-serverというCSSファイルを作成すると、以下のような警告が表示されます。誰もそれらを排除するために知っていますか？

23:37:47 webpacker.1 | WARNING in ./node_modules/css-loader?{"minimize":false}!./node_modules/postcss-loader/lib?{"sourceMap":true}!./node_modules/resolve-url-loader!./node_modules/sass-loader/lib/loader.js?{"sourceMap":true}!./node_modules/import-glob-loader!./app/javascript/stylesheets/application.scss 23:37:47 webpacker.1 | (Emitted value instead of an instance of Error) postcss-custom-properties: /some_rails_app/app/javascript/stylesheets/application.scss:9284:3: Custom property ignored: not scoped to the top-level :root element (.columns.is-variable { ... --columnGap: ... })

バージョン

• レール：5.1.4
• ブルマ：0.6.1
• ルビー：2.4.1p111
• Webpacker：3.0.2

Answer 1

この問題が見つかりましたhttps://github.com/MoOx/postcss-cssnext/issues/186 githubとここで私はどのように警告を取り除くためにセットアップです。

ターミナル

​​

だけ削除し、のconfig/WebPACKの/ローダー/ sass.js

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

それともpostcssを使用していない場合には、ローダーをpostcssする新しいオプションを追加します。 postcss-loaderとあなたはすべて設定されています。