Webpack和PostCSS的单独设置

Question

我想在没有Webpack的情况下使用单独的命令检查CSS更改，因此React和Typescript可以与Webpack一起运行，而Post CSS可以运行。

问题是，当我运行postcss命令时，它执行了预期的操作，但是Webpack返回了错误。没有加载程序，它无法解析@import。

我知道如何设置webpack和CSS，但是想要这样做。

以下是命令和配置：

false

PostCSS配置：

if (shouldShow) {
   // show tutorial page and save the value to true in sharedPref.
}

Webpack配置：

"start": "webpack-dev-server --open",
"css:watch": "postcss --watch ./src/css/main.css -o ./dist/main.css"

Answer 1

使用

  {
test: /\.css$/,
use: ['style-loader', 'css-loader']
  }

代替

// {
            //     test: /\.css$/,
            //     use: ['style-loader', 'css-loader', 'postcss-loader']
            // }