angular - 使用 npm 命令更改样式表

Question

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

标签： angularnpmsasswebpack-2

Answer 1

角 CLI

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

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

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

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

---

网页包

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