问题标签 [postcss-loader]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
1420 浏览

webpack - 在 css-loader 之后使用 postcss-loader

我将 CSS 模块与 webpack css-loader 一起使用,然后将它们与 mini-css-extract-plugin 捆绑在一起。这是我的配置的样子:

出于某种原因(请参阅评论部分),我真的很想将 postcss-loader 应用于不是每个单独的 .css 文件,而是应用于整个捆绑包。我怎样才能做到这一点?

0 投票
1 回答
2374 浏览

webpack - 自动前缀在 webpack 中不起作用

我正在尝试使用 web pack 设置引导程序,但是当我运行构建时它没有给出 CSS 的自动前缀版本。

在 custom.scss 中,我添加了自定义项,然后从我的节点模块导入引导程序。

这是我的 webpack.config.js

这是我的 postcsss.config.js

当我构建时,所有引导 css 都被添加到 style.css 但它没有提供自动前缀 css 文件。供应商前缀是必须的,因为它是 BS4,所以 flex 就在那里。

谢谢。

0 投票
1 回答
962 浏览

webpack - Webpack 4 只生成 css

我有一个没有 javascript 的项目,但想使用 webpack 4 和 postcss。每次我运行时webpack --mode development,都会在 ./dist 文件夹中自动创建一个“style.js”。

我怎样才能防止这种情况?

webpack.config.js:

};

0 投票
1 回答
2510 浏览

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

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

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

0 投票
0 回答
63 浏览

webpack - Webpack 中的 sourceMap - devtool vs loader

网络包 3。

Webpack 的 Devtoolsass-loaderpostcss-loadercss-loaderstyle-loader中的 sourceMap 属性有什么关系。压倒一切?重叠?

在我看来,在定义加载程序时,devtool 不会影响 sourceMaps。

很高兴听到您的发现。

0 投票
0 回答
797 浏览

webpack - SCSS 未在 webpack4 开发构建中加载

我正在尝试将我的应用程序从 Webpack3 迁移到 Webpack4。我在 dev build.SCSS 文件中遇到问题,或者没有在 dev build 中合并并且它没有加载。请在我的 webpack 开发配置下面找到。我使用 mini-css-extract-plugin 而不是 extract-text-webpack-plugin。

Css 文件被合并到 Dev 构建中。但是 SCSS 文件没有合并。它没有加载到页面中。请帮我解决这个问题。

0 投票
0 回答
654 浏览

javascript - 模块构建错误,指出“if”是 postcss-loader index.js 文件中的未知词

我一直在努力将 css 依赖项加载到我的 Vue.js webpack 模板中,并以为我终于弄明白了——突然它开始抛出以 postcss-loader 的 index.js 文件为中心的编译失败错误。

这是错误消息:

从我的 webpack.base.config 中(将 postcss-loader 添加到混合中没有任何作用,所以我再次将其删除):

从我的 main.js 文件中:

每当我尝试通过路径(无论是相对路径还是绝对路径)导入 CSS 依赖项时,都会引发此错误。只是使用import 'bootstrap'没有任何效果——它仍然编译,但样式也不起作用。

0 投票
1 回答
2652 浏览

css - 如何使用 PostCSS 在 Vue 中导入全局 CSS?

我的Vue项目结构:styles目录包含所有 css 文件。

src/styles/main.css导入其他 css 就像:

我想src/styles/main.css在 Vue 全局中导入。那是:

然后我可以直接在每个.vue组件中使用 variables.css 中定义的变量。喜欢:

postcss-loader未能解决$primary变量:

我怎样才能导入全局main.css,所以我不需要@import 'variables.css'在每个.vue组件中?

演示库在这里:https ://github.com/Jancat/vue-cli-ts-demo

0 投票
1 回答
939 浏览

webpack - css-loader,导出 css 模块映射

在 webpack 中使用 postcss-loader(带有 postcss-modules)时,我为每个带有 css-module 哈希映射的 .scss 文件获得一个 .json 文件。如果我将 css-loader 与 一起使用modules: true,我不会得到这样的映射文件。是否也可以使用该装载机获得一个?

问题实际上是在使用 postcss-loader 时,由于某种原因,我不能在我的 .js 文件中导入 scss 文件。如果我改用 css-loader,那是可能的。

我需要在我的 .js 文件中导入 scss 文件并正确导入 css-modules,并生成我在我的 php 文件中使用的映射文件 (.json)。

0 投票
6 回答
11244 浏览

javascript - 添加 postcss-loader 后显示“未知单词”错误

我正在尝试添加postcss loader我的webpack,但在添加postcss loader显示Unknown word error. 我还附上了错误截图。请查收附件。不知道是什么错误......在此处输入图像描述

我还添加了postcss-loader, sass-loader, css-loader, style-loader。如果我做错了什么,请告诉我。

下面是我在配置文件和 package.json 文件中的加载器。

包.json