问题标签 [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.
webpack - 如果您将 postcss-loader 与适当的插件一起使用,是否需要 css-loader?
我postcss-import
用来照顾我的进口,并cssnano
缩小。在我的 Webpack 配置中,我一直在使用以下设置css-loader
...
...但是当我删除一切似乎仍然加载正常,所以现在我只有post-css
之前style-loader
的 . 我可以安全地css-loader
从我的 css 构建中省略,还是它提供了一些其他必要的功能?我还没有看到webpack.config.js
不使用的文件css-loader
,所以我在这里要小心!:)
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 配置
那么有什么建议可以帮助我吗?
webpack - 发现无效的 PostCSS 插件:[0]
我现在一直在努力让我的 Spring Boot 应用程序再次工作......
我想将我的应用程序部署到 Heroku,但遇到了一个非常奇怪的错误:
我搜索了一下,发现我的绑定可能不正确。所以我执行了
为了正确设置它们。但这并没有帮助。从那以后,我收到了这个错误。
我还发现它与我的postcss.config.js 有关的提示,它是空的(它现在工作了 6 周)。所以我添加了一些插件。现在看起来像这样:
这也没有帮助。它仍然向我显示存在无效 postcss 插件的错误。(postcss.conig.js 中的所有插件都是通过 npm 安装的)。
请在此处查看我的package.json:
我现在正在搜索和尝试 3 天。任何帮助将不胜感激。
webpack - Webpack 3.5 + React + Postcss 更改 CSS 文件后未重新编译
我遇到了 webpack 3.5 + react + posts 的问题。
配置是这样的:
资产的第一次编译非常完美,如果我更改了一些 JS 或 JSX 文件,重新编译就会成功。但是,在更改任何 CSS 文件后,react 组件将中断。
警告:React.createElement:类型无效 - 预期为字符串(对于内置组件)或类/函数(对于复合组件)但得到:未定义。您可能会从定义组件的文件中导出组件。检查Header
.
如果我使用 webpack 2.7 它工作正常。
webpack - css-loader,postcss-loader:模块构建失败:错误:未提供配置
我有一台新计算机并试图打开一个较旧的项目,但每当我运行开发时我都会收到此错误,我只是不明白为什么。该项目完全适用于我的旧电脑。
我尝试更新所有开发依赖项或仅更新 css-loaders,但均未成功。而且我确实有一个 postcss 配置文件,也尝试更新 stylelint。
css - Webpack scss 加载器、css 加载器和 post css
我正在尝试为使用 ES6 类的应用程序设置 webpack。我使用 Sass,但我还导入了一个供应商 css 文件。sass 部分被导入到sytle.scss
uing @import
。在我添加 postcss 加载程序之前,它工作得很好,但现在我在尝试编译时收到一条错误消息,但它失败了。
在webpack.config.js 中:
postcss.config.js:
在app.js中:
这是错误:
webpack - Postcss-loader Autoprefixer 不适用于 Webpack 3
我正在尝试使用一系列加载器将所有 SCSS 文件提取到一个带有ExtractTextPlugin
. 在我拥有的一系列加载器中,我使用的autoprefixer
是在postcss-loader
. 但是,似乎没有任何前缀!
我的 webpack 配置如下:
webpack.config.js
除了没有添加任何前缀外,我的输出似乎都很好。以下是我正在使用的软件包的相关版本:
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.
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”
webpack - 如何一个接一个地运行一个 webpack 插件?
我有文件:
然后我在JS中导入:
我正在使用postcss-cssnext用它的值替换变量,但是将它与style-loader一起使用是行不通的,因为有两个单独的文件,所以postcss
变量的上下文很松散:(https://github.com/MoOx /postcss-cssnext/issues/418#issuecomment-334056406)。
所以我的问题是:有没有办法只postcss
在所有文件连接成一个之后才调用插件?