找不到PostCSS配置
找不到PostCSS配置
提问于 2018-04-08 00:03:39
我正在根据教程学习reactjs。同时，本教程还指导您使用webpack来编译样式表和JS资源。我陷入了样式表无法编译的错误中，并在使用webpack编译文件时抛出以下错误。它显示以下错误：
ERROR in ./src/stylesheets/hello.css (./node_modules/css-loader!./node_modules/postcss-loader/lib!./src/stylesheets/hello.css)
Module build failed: Error: No PostCSS Config found in: E:\developer\start\src\stylesheets
at E:\developer\start\node_modules\postcss-load-config\index.js:51:26
at <anonymous>
@ ./src/stylesheets/hello.css 2:14-124
@ ./src/lib.js
@ ./src/index.js
@ multi (webpack)-dev-server/client?http://localhost:4000 ./src/index.js我已经按照教程做了所有的事情，但不知何故这个错误仍然存在，并且不能解决这个问题，因为我对这个非常陌生。我的webpack配置文件webpack.config.js如下：
module: {
rules: [
{
test: /\.css$/,
use: [{
loader: "style-loader" // creates style nodes from JS strings
}, {
loader: "css-loader" // translates CSS into CommonJS
}, {
loader: "postcss-loader" // compiles Sass to CSS
}]
},
{
test: /\.scss$/,
use: [{
loader: "style-loader" // creates style nodes from JS strings
}, {
loader: "css-loader" // translates CSS into CommonJS
}, {
loader: "postcss-loader" // compiles Sass to CSS
}, {
loader: "sass-loader" // compiles Sass to CSS
}]
}
]
}
};回答 5
Stack Overflow用户
回答已采纳
发布于 2018-04-08 00:26:55
在根目录中创建了一个名为postcss.config.js的新文件并添加了
module.exports = {};
在下面的帖子中发现了这一点：
Stack Overflow用户
发布于 2018-06-03 04:59:24
如果您不想添加其他文件，只需在您的webpack配置中添加您的选项即可：
{
loader: `postcss-loader`,
options: {
options: {},
}
},Stack Overflow用户
发布于 2020-03-27 06:12:10
以下是kontrollanten的答案中更大的一段，以确定将其放置在何处：
module: {
rules: [
{
test: /\.(scss)$/,
resolve: { extensions: [".scss"], },
use: [
MiniCssExtractPlugin.loader,
'css-loader',
{
loader: `postcss-loader`,
options: {
options: {},
}
},
'resolve-url-loader?sourceMap',
'sass-loader?sourceMap',
]
}
],
},页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49709252
复制相关文章
相似问题