问题标签 [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 投票
1 回答
1660 浏览

webpack - 如果您将 postcss-loader 与适当的插件一起使用,是否需要 css-loader?

postcss-import用来照顾我的进口,并cssnano缩小。在我的 Webpack 配置中,我一直在使用以下设置css-loader...

...但是当我删除一切似乎仍然加载正常,所以现在我只有post-css之前style-loader的 . 我可以安全地css-loader从我的 css 构建中省略,还是它提供了一些其他必要的功能?我还没有看到webpack.config.js不使用的文件css-loader,所以我在这里要小心!:)

0 投票
0 回答
230 浏览

webpack - PostCSS 找不到指南针模块

我正在尝试为在 webpack 和 PostCSS 上运行的应用程序加载 scss 样式表。

不幸的是,我收到以下错误

(Emitted value instead of an instance of Error) postcss-import: .../file.scss:2:1: Cannot find module 'compass' from '../scss'

我已经从 npm 安装了指南针。

这是我的 webpack 设置:

还有我的 PostCSS 配置

那么有什么建议可以帮助我吗?

0 投票
1 回答
9999 浏览

webpack - 发现无效的 PostCSS 插件:[0]

我现在一直在努力让我的 Spring Boot 应用程序再次工作......

我想将我的应用程序部署到 Heroku,但遇到了一个非常奇怪的错误:

我搜索了一下,发现我的绑定可能不正确。所以我执行了

为了正确设置它们。但这并没有帮助。从那以后,我收到了这个错误。

我还发现它与我的postcss.config.js 有关的提示,它是空的(它现在工作了 6 周)。所以我添加了一些插件。现在看起来像这样:

这也没有帮助。它仍然向我显示存在无效 postcss 插件的错误。(postcss.conig.js 中的所有插件都是通过 npm 安装的)。

请在此处查看我的package.json

我现在正在搜索和尝试 3 天。任何帮助将不胜感激。

0 投票
0 回答
152 浏览

webpack - Webpack 3.5 + React + Postcss 更改 CSS 文件后未重新编译

我遇到了 webpack 3.5 + react + posts 的问题。

配置是这样的:

资产的第一次编译非常完美,如果我更改了一些 JS 或 JSX 文件,重新编译就会成功。但是,在更改任何 CSS 文件后,react 组件将中断。

警告:React.createElement:类型无效 - 预期为字符串(对于内置组件)或类/函数(对于复合组件)但得到:未定义。您可能会从定义组件的文件中导出组件。检查Header.

如果我使用 webpack 2.7 它工作正常。

0 投票
1 回答
3270 浏览

webpack - css-loader,postcss-loader:模块构建失败:错误:未提供配置

我有一台新计算机并试图打开一个较旧的项目,但每当我运行开发时我都会收到此错误,我只是不明白为什么。该项目完全适用于我的旧电脑。

我尝试更新所有开发依赖项或仅更新 css-loaders,但均未成功。而且我确实有一个 postcss 配置文件,也尝试更新 stylelint。

这是github

0 投票
1 回答
2512 浏览

css - Webpack scss 加载器、css 加载器和 post css

我正在尝试为使用 ES6 类的应用程序设置 webpack。我使用 Sass,但我还导入了一个供应商 css 文件。sass 部分被导入到sytle.scssuing @import。在我添加 postcss 加载程序之前,它工作得很好,但现在我在尝试编译时收到一条错误消息,但它失败了。

webpack.config.js 中:

postcss.config.js

app.js中:

这是错误:

0 投票
2 回答
7311 浏览

webpack - Postcss-loader Autoprefixer 不适用于 Webpack 3

我正在尝试使用一系列加载器将所有 SCSS 文件提取到一个带有ExtractTextPlugin. 在我拥有的一系列加载器中,我使用的autoprefixer是在postcss-loader. 但是,似乎没有任何前缀!

我的 webpack 配置如下:

webpack.config.js

除了没有添加任何前缀外,我的输出似乎都很好。以下是我正在使用的软件包的相关版本:

0 投票
1 回答
285 浏览

webpack-2 - Adding autoprefixer to webpack 2.2.1

I'm trying to add autoprefixer to webpack 2.2.1 and having issues seeing the prefixes. I installed postcss-loader https://github.com/postcss/postcss-loader as this seems to be the listed way to handle postcss in webpack.

I'm currently using scss files which I'm importing into my react files. example: import styles from '../../styles/header.scss'; This is handled in webpack using sass-loader.

I'm not getting any error with my setup but I'm also not seeing any autopre-fixing going on to my files ? I presume this only needs to be added in development not production ?

Here is my dev setup webpack config.

0 投票
1 回答
1030 浏览

javascript - 使用 webpack 3 后 css 加载程序出错

我在一个角度项目中的 webpack 3 中使用 css loader 和 post css loader。当我构建我的应用程序时,我的所有 css 文件都出现以下错误:

这是我的 css 加载器的 webpack 配置:

postcss.config.js

使用的版本是:

“postcss-loader”:“2.0.7”

“网络包”:“3.6.0”

0 投票
0 回答
255 浏览

webpack - 如何一个接一个地运行一个 webpack 插件?

我有文件:

然后我在JS中导入:

我正在使用postcss-cssnext用它的值替换变量,但是将它与style-loader一起使用是行不通的,因为有两个单独的文件,所以postcss变量的上下文很松散:(https://github.com/MoOx /postcss-cssnext/issues/418#issuecomment-334056406)。

所以我的问题是:有没有办法只postcss在所有文件连接成一个之后才调用插件?