问题标签 [cssnext]
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.
javascript - 如何在 postcss.config.js 中为不同的 Webpack 入口点配置不同的 customProperties？
我正在使用 Webpack 4。
我的 . 文件中有两个入口点，我webpack.config.js为每个入口点生成一个单独的 CSS 文件mini-css-extract-plugin。
我也在使用 postcss-cssnext。
在我postcss.config.js的根文件夹中的文件中，我在 中定义了许多 CSS 变量customProperties，如下所示：
如果我希望我的 CSS 变量对我的两个入口点中的每一个都有不同的值，我将如何去做呢？
例如，假设在 foo.css 我想要var(--color1)equal #333，但在 bar.css 我想要它 equal #860000。
angular - Angular 7 - CSS 自定义属性（CSS 变量）
我正在尝试找到解决方案，如何将 CSS 变量的 polyfill/fallback 集成到使用最新版本的 Angular（7.0.1）和 Angular Material（7.0.2）的项目中。问题是ng eject此时已禁用，因此，我无法编辑使用PostCSS的Autoprefixer的配置，该插件已经存在为旧版浏览器提供回退的插件。
我发现了什么：
<styles>用于查看内联样式或HTML 标记的JS 库，<link>但要使用它，我必须启用watch此插件的选项，这意味着，监视 DOM 中的任何更改（我不喜欢这个解决方案）
- PostCSS插件（在 Angular 构建中用作Autoprefixer）。我认为，最好的解决方案，但目前我无法编辑构建/webpack 配置。
我可以做什么：
- 当然，我可以创建自己的
@mixinin.scss来处理属性，值作为参数，然后使用CSS 变量返回回退 + 值，但我不确定未来是否会出现问题，所以，我会更高兴已经存在的解决方案（例如CSSNext）。
请问您知道如何实现这个目标吗？谢谢你。
问候，
醒目的..
css - 如何将 css-next 变量分配给另一个变量？
有人可以确认我是否可行：
在我的.css文件中，我有：
会有as 值吗--old-pink？#5A003C
我在用着 ：
谢谢
reactjs - @import 未使用 PostCSS/CSSNext 应用
我正在使用带有 Webpack 4 的 React。我正在尝试将 BassCSS 类导入我的index.css：
但是，似乎没有应用导入。Webpack 不会抛出任何错误消息或警告。
例如，BassCSS 类red不会使我的标题文本变为红色：
在我的index.cssindex.js 中导入：
如果我注释掉我的导入并red像这样手动定义类，它会使我的标题文本变红：
使用webpack，我已经配置了CSS 文件的style-loader、css-loader和：postcss-loader
这就是我的postcss.config.js样子：
最后，我的依赖项来自我的package.json：
css - 尝试在 calc() 中使用 theme() 时解析错误
我通过 Gulp 将 Tailwind CSS 与 PostCSS 一起使用。几乎一切都很好。我正在尝试从我的 CSS 中的配置主题对象中引用值。我能够很好地做到以下几点：
但是，当我尝试在 calc() 中使用 theme() 时（就像在文档中一样）：
我从 gulp-postcss 得到一个解析错误（“期待 'SUB', 'LPAREN'....”）
这是 Tailwind 错误吗？
postcss - CSSNext postcss-custom-media - 无法使用“importFrom”选项从文件中导入媒体
我正在尝试将customMedia 选项添加到带有文件位置的 postcss-cssnext功能配置中importFrom，但这不起作用，并且我在项目构建中没有任何错误，只有Missing @custom-media definition for '--small-viewport'. The entire rule has been removed from the output.在我尝试使用媒体时才最终确定。我该如何调试？
node.js - 插件“gulp-cssnext”中的 CssSyntaxError
运行 yarn 会报错，构建会失败。''build' error' 由于语法错误而发生？我是 gulp 的新手，所以我不知道在哪里编辑。
以下信息是否足以解释问题？
这是 css.js
这是 gulpfile.babel.js
javascript - 试图通过 Postcss 和 cssnext 了解应用程序中如何使用某些 css
我是一名新手开发人员，正在研究一个应用程序，我有点困惑，但想了解一些 css 是如何工作的。我已经做了一些阅读和研究，但我对它的构建方式的了解是有限的：
1 - 该应用程序包含一个文件，例如 style1.js，其中包含一些代码，例如
2 - 组件的另一个样式文件，例如 header.css，它有
通过一些研究，我了解到这里使用了一个名为 Postcss 的工具，它可以将主变量替换为 js 文件中的值。但是，我没有看到在组件或此样式文件中导入了文件 style1.js，因此不确定它如何访问“主”变量。
3 - 当应用程序构建并运行并检查源代码时，我看到页面的一些样式，当我检查 bundle.js 文件时，我在各个部分看到这里的所有其他样式，它们被布置在这边走：
我想知道这些样式如何以这种方式结束，然后它们如何应用于页面上的元素，因为它们不在样式表或页面顶部的样式标签中我知道 Webpack 可以做到。
任何有助于在这里连接点的信息都会很棒。该应用程序正在通过 Webpack 构建。