Изменить таблицу стилей с помощью команды npm

Question

У меня есть 2 таблицы стилей, пример, S1.scss и S2.scss. Мне нужно использовать S1.scss для клиента 1 и другое для клиента 2. Как я могу добиться этого с помощью команд npm при сборке приложения или может быть с запуском npm? У меня есть Webpack 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

Используя Webpack напрямую для создания приложения на Angular, вы сможете использовать аналогичный подход, используя NormalModuleReplacementPlugin .