title: How to support inline comments in PostCSS?
body: <p>Webpack/PostCSS is unable to process .pcss files which have inline comments:</p>
  
  <blockquote>
    <p>Module build failed: Syntax Error</p>
  
  <pre><code>(77:5) Unknown word
  
  &gt; 77 |     //  }
       |     ^
  </code></pre>
  </blockquote>
  
  <p>PostCSS part of my Webpack's config:</p>
  
  <pre><code>let PostCSSConfig = {
          sourceMap: true,
          plugins:   () =&gt; [
              require('postcss-smart-import'),
              require('precss')({}),
              require('postcss-for')({}),
              require('postcss-mixins')({}),
              require('postcss-math')({}),
              require('postcss-percentage')({}),
              require('postcss-flexbugs-fixes')({}),
              require('postcss-cssnext')({browsers: ['&gt; 0.05%', 'IE 7'], cascade: false})
          ]
      };
  </code></pre>
  
  <p>config.module.rules:</p>
  
  <pre><code>{
      test: /\.pcss$/,
      exclude: inlineCSS,
      use: ExtractTextPlugin.extract({
          use: [{
                  loader: 'css-loader',
                  options: {
                      sourceMap: true
                  }
              },
              {
                  loader: 'postcss-loader',
                  options: PostCSSConfig
              }
          ]
      })
  }
  </code></pre>
  
  <p>I tried using following plugins:</p>
  
  <ul>
  <li>postcss-comment</li>
  <li>postcss-inline-comment</li>
  <li>postcss-scss</li>
  <li>postcss-strip-comments</li>
  </ul>
  
  <p>but none helped, I had errors every time.</p>