问题标签 [container-queries]
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 - 使用 webpack css 模块进行容器查询
我正在尝试在 webpack 项目中使用 css 容器查询和 css 模块。这个配置看起来像这样：
和这样的 postcss 配置：
我希望能够让这个类工作：
并且能够将“卡片列表”导入我的组件。
但是，这似乎不起作用。我一直无法在网上找到有关此类问题的任何信息。
webpack - 未知规则 @container scss(unknownAtRules)
我希望这对你们来说是一个简单的问题:(。我通过安装“container-query-polyfill”来使用容器查询时遇到问题。当然，我从 Chrome 启用了 css 容器查询标志。在我的容器（父）类中，我添加了包含：内联大小；并且为了响应性，我为子类添加了@container，如下所示。
但它抱怨容器和@container 是“在规则@container scss(unknownAtRules) 上未知”。我查看了很多教程，其中 100% 使用 css，所以我认为问题可能来自将 scss 转换为 css。由于我使用的是 Webpack，所以我做了这样的事情
它根本没有帮助。现在我不确定是否存在来自在 scss 中使用容器查询、语法错误或其他原因的问题。请帮我解决这个问题。谢谢