这是我的项目结构：

当我尝试使用 yarn 编译或构建项目时，它失败了，因为它在 node_modules 中找不到 scss 文件：

其实scss文件退出了：

该文件属于角度弹性布局

下面是app.components.scss试图使用layout-bp谁属于@angular/flex-layout/mq

我认为问题是因为它试图在文件位于src/app/时在其中找到 mq.scss 文件node_modules

要运行我使用的项目yarn start:consumer或yarn start 此命令执行以下操作： 1) 构建项目。2）运行文件dist夹中的文件：node dist/app.js

下面我复制postcss.config.js, webpack.config.js,webpack.common.js和.webpack.dev.jspackage.json

postcss.config.js

webpack.config.js

webpack.common.js

webpack.dev.js

包.json

我在项目中执行 NPM start 时遇到问题。我收到此错误消息：

安装 gatsby-plugin-sass 模块后：

当我尝试运行 gatsby build 时，出现以下错误：

几个小时以来，我一直在努力解决这个问题。我努力了：

• gatsby-node.js 中用于 sass 文件的自定义 webpack 规则
• 阅读、重新阅读和重新阅读 gatsby 网站上的说明
• 以我知道的各种方式使用 npm 更新 PostCSS

到目前为止，没有任何效果。

为什么让 sass 与 gatsby 合作如此复杂？当 gatsby 网站上的文档让它看起来如此简单时？

有什么建议我可以做些什么来让它工作吗？

在 gatsby-node.js 中：

在 gatsby-config.js 中：

gatsby-browser.js 中的 sass 导入行：

我目前正在学习 webpack 并拥有一个有效的开发配置，但是当尝试使用相同的配置进行生产时，除了 css 包之外的所有内容。

我的假设是这就是问题所在。

这只发生在捆绑为生产而不是开发时。我应该从哪里开始？

我在一个角度项目中使用 scss。当我使用这样的背景图像时：

url("/assets/images/test.jpg") 我的项目构建没有问题，我可以在本地甚至使用中看到图像ng serve --build，但是当我将其上传到我的 IIS 服务器时，所有背景图像都显示 404 错误，因为项目正在寻找图像domain/assets/image/test.jpg而不是domain/application/assets/image/test.jpg.

如果我将图像 url 更改为assets/images/test.jpg使用 chrome Devtools，它会完美运行。

但是，当我尝试在assets开始时将代码更改为没有“/”时，我在 postcss 加载程序中收到以下错误：

无法解析“D:\application\src\assets”中的“assets/images/test.jpg”

尝试使用 "../" "./" "src/assets" 和许多其他方法，但应用程序仅在开始时写入 "/" 时才能编译。

我使用 basehref 在我的服务器上构建和重写规则，但仍然有相同的错误。

我是使用 Intertia.js/Vue.js 设置 tailwind/postcss 配置的新手，希望对我的配置文件提供一些指导！

我的目标是能够在我的 vue 组件中编写 postcss/scss 样式，并能够使用 postcss @apply 功能，例如：

导航.vue：

使用我当前的配置设置，我没有得到任何编译错误，但是没有应用样式，它不会出现在元素的控制台样式中。

webpack.mix.js

tailwind.config.js：

postcss.config.js：

包.json：

在 webpack 条目文件 index.js 中，我只是导入了 2 个 CSS 文件 a.css 和 b.css 但它不起作用，因为 b.css 看不到来自 a.css: 的变量WARNING in b.css... variable --textColor is undefined and used without a fallback。我应该如何更改 webpack.config.js 以使其正常工作？我知道我可以直接在 a.css 中导入 b.css 但这是一个简单的例子，我的项目要复杂得多，有数十个 CSS 文件，我不想更改它的内容。

我从头开始整理了我的第一个非常简单的 Webpack 配置。在此我想捆绑 JS 并编译、最小化和自动添加 SCSS。

代码如下所示：

webpack.config.js

postcss.config.js

在package.json我设置了以下内容：

我没有看到任何前缀，所以我很好奇我做错了什么。我错过了什么吗？

我有一个 React 应用程序，在一个单一的仓库中。我已经为可重用的 CSS (@monorepo/theme) 创建了一个实用程序包，并且我想从我的 react 应用程序中从主题包中编写一个 css 规则。下面是我正在尝试做的一个示例：

包/fe/my-app/src/App.module.css：

包/实用程序/主题/src/css/colors.css：

这目前不起作用，我收到此错误：

我的配置...

lerna.json：

包.json：

{ "name": "monorepo", "private": true, "devDependencies": { "lerna": "^3.22.1" }, "workspaces": [ "packages/fe/ ", "packages/utils/ " ] }

包/fe/my-app/package.json：

包/实用程序/主题/package.json：

tsconfig.base.json：

包/fe/my-app/tsconfig.json：

包/实用程序/主题/tsconfig.json：

当我尝试运行我的应用程序时出现此错误，我正在使用我一直使用的所有相同依赖项，所以我对此感到非常困惑。

警告

在 ./assets/css/style.css

模块警告（来自 ./node_modules/postcss-loader/src/index.js）：（13:3）
起始值有混合支持，考虑使用 flex-start 代替友好错误 18:06:28 @ ./assets/css /style.css @ ./.nuxt/App.js @ ./.nuxt/index.js @ ./.nuxt/client.js @ multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors= &overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js

我应该怎么办？