使用 npm 命令更改样式表

Question

我有 2 个样式表，示例 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.

采取类似的方法

使用 npm 命令更改样式表

Change stylesheet using npm command

sass

npm

webpack-2

angular