的WebPack与postcss装载机不承认precss

Question

我有一个作出反应的应用程序（从创建反应的应用程序内弹出）和我试图PostCSS添加到的WebPack配置。

这里是我的（缩短）webpack.config.js：

... 
const postCSSConfig = require('./postcss.config'); 

module.exports = { 
    ... 
    module: { 
     loaders: [ 
      ... 
      { 
       test: /\.css$/, 
       loaders: [ 
        'style-loader', 
        'css-loader?importLoaders=1', 
        'postcss-loader' 
       ] 
      }, 
      ... 
     ] 
    }, 
    postcss: function() { 
     return postCSSConfig; 
    }, 
... 

这里是我的postcss.config.js：

module.exports = { 
    plugins: [ 
    require('precss'), 
    require('autoprefixer') 
    ] 
} 

我的文件结构是：

project/ 
    src/ 
    assets/ 
    components/ 
    styles/ 
    views/ 
    index.js 
    package.json 
    postcss.config.js 
    webpack.config.js 

当我尝试让我的CSS包含PreCSS中的一些功能（例如，嵌套和变量），它会打破样式，并执行没有工作。但是，autoprefixer的作品。我为PreCSS运行了npm install，并尝试重新安排事情，但仍然没有运气。任何意见，将不胜感激。

Answer 1

你尝试只包括你的CSS后的配置，直接到你的WebPack配置？我已经成功地做到了这一点，我无法找到任何有关postcss.config的文档以及如何正确编写它们。

module.exports = { 
... 
    module: { 
    loaders: [ 
    ... 
    { 
     test: /\.css$/, 
     loaders: [ 
     'style-loader', 
     'css-loader?importLoaders=1', 
     'postcss-loader' 
     ] 
    }, 
    ... 
    ] 
    }, 
    postcss: function() { 
    return [ 
     require('precss'), 
     require('autoprefixer') 
    ]; 
    } 
};