问题标签 [sencha-fashion]

我将以下块添加到myapp.scss：

使用 Cmd 6.0.1.76调用后sencha app build production，我看到了背景图像。我发现您可以使用inline-image并且 compass 应该从您的图像中制作 css 内联图像。所以我myapp.scss改为添加：

成功构建后，我看不到图像。

我发现它MyApp-all.css仍然包含inline-image('../resources/ressource2.png')，就好像它不会正确替换它们一样。我是否缺少启用内联图像生成所需的一些配置选项？

我有一个 Cmd 生成的 6.0.2 应用程序，它在大约 200 个客户的本地服务器上运行。我想允许客户选择基本颜色和文本颜色（例如 #c0ffee 和 #facade），并调用在我们的服务器上运行的 API（而不是在开发 PC 上！），它采用 SCSS，设置 $ base-color:dynamic(#c0ffee) 和 $color:dynamic(#facade)，生成生成的 CSS 并将其返回给客户，并与应用程序一起存储在服务器上。

通过将整个项目（包括 javascript 源代码）复制到服务器，调用 sencha app build production，然后返回生成的 CSS 文件的内容，实现这一点非常容易。但由于它是一个服务器 API，我想通过不总是编译然后丢弃 javascript 来减少占用空间，充其量，甚至不需要服务器上的 javascript。

如果有人能告诉我如何使用 sencha Cmd 生成一个包含应用程序所需的所有样式的单个 SCSS 文件，那就太好了，这样我只需在该文件中搜索/替换 $base-color和 $color 定义，以及如何在成功替换它后调用 sencha fashion 以仅从该 SCSS 文件生成一个新的 CSS 文件。

我使用以下命令生成了一个新的 Sencha ExtJS 6.2.1 项目：

然后，我生成了一个新主题：

我修改了它，app.json以便它使用我的新主题。

问题是：如何生成css-vars.js包含Fashionjavascript 类的文件？我需要这个类能够在运行时更改 CSS 变量的值。我尝试了以下所有 Sencha CMD 命令，但均未成功：

我们使用 webpack 将一些 sass 文件编译成 CSS hier 是 SASS 文件的片段：

它被编译成以下CSS：

我们在组件中有一些奇怪的行为。使用颜色常数删除第一条规则 - 也不起作用。

但是，如果我们删除带有变量的第二个颜色规则 - 它工作正常。

我们已经使用最后一个 Chrome 93.x 和最后一个 Edge 93.x 版本对其进行了测试——结果相同。

我们使用 sass-loader@10.2.0 & node-sass@6.0.1 较新版本与 ExtReact 7.4.0 不兼容

是否有可能告诉 sass-loader 不要将带有变量的规则放入已编译的 CSS 中？

编辑：我找到了主要原因。CSS 由 sencha-fashion 包编译。

在项目文件夹中有 node_modules\@sencha\cmd\dist\js\node_modules\fashion\defaults.json 文件。在文件中是以下部分

在我切换到之后false- 所有变量规则都消失了，它解决了我的问题。该文件是 node_modules 的一部分，@sencha\cmd通过间接调用@sencha/ext-webpack-plugin，如果我清理并重建项目，它将丢失。

现在的问题是 - 如何使用@sencha/ext-webpack-plugin 进行配置？