错误：在“/home/react-project/workarea/scss”中找不到 PostCSS 配置

Posted 2023-02-22

【中文标题】错误：在“/home/react-project/workarea/scss”中找不到 PostCSS 配置

【英文标题】：Error: No PostCSS Config found in '/home/react-project/workarea/scss'

【发布时间】：2018-11-25 05:08:21

【问题描述】：

我正在尝试使用 webpack 在我的 reactjs 应用程序中加载 scss 文件。这是我的 webpack 代码：

module:  
 rules: [
  
    test: /\.js$/,
    exclude: /node_modules/,
    use: 
      loader: 'babel-loader'
    ,
  ,
  
    test: /\.(sa|sc|c)ss$/,
    use: [
      devMode ? 'style-loader' : MiniCssExtractPlugin.loader,
      'css-loader',
      'postcss-loader',
      'sass-loader',
    ],
  
 ]
,
plugins: [
 new htmlWebpackPlugin(
   template: './src/index.html'
 ),
 new MiniCssExtractPlugin(
   filename: devMode ? '[name].css' : '[name].[hash].css',
   chunkFilename: devMode ? '[id].css' : '[id].[hash].css',
 )
]

当我尝试运行它时，它会抛出上述错误。

【问题讨论】：

你弄明白了吗？

不，我仍然无法找到解决方案。

【参考方案1】：

如果您在根目录中有 postcss.config.js 或在您有选项时内联，这将得到修复，例如

options: 
    plugins: (loader) => [
      require('autoprefixer')(
        browsers: [
          'last 2 versions',
          '> 1%',
        ], // browser options can be configured from https://github.com/browserslist/browserslist
      ),
    ],
  ,