使用 npm 命令更改样式表

Question

我有 2 个样式表，Example、S1.scss 和 S2.scss。我需要对客户端 1 使用 S1.scss，对客户端 2 使用其他。如何在构建应用程序时使用 npm 命令或使用 npm start 来实现？我有 Webpack 2 来构建应用程序。

Answer 1

Angular CLI

在angular.json 文件中，您可以为此添加额外的配置。此配置将对特定文件（在您的情况下为样式表文件）进行文件替换。

这是一个示例配置，可以添加到angular.json 文件的build/configurations 节点中：

                        "productionForClient1": {
                            "fileReplacements": [
                                {
                                    "replace": "src/styles.less",
                                    "with": "src/client1_styles.less"
                                }
                            ]
                        }

然后在控制台中，您应该能够使用特定于客户端的样式来构建它，方法是使用该客户的配置文件运行它： ng build -c productionForClient1。如果您想通过 npm 运行它，请将其作为任务添加到您的 package.json 文件中

---

Webpack

直接使用 Webpack 构建您的 Angular 应用程序，您应该能够使用NormalModuleReplacementPlugin 采取类似的方法。