Question

我目前正在使用Webpack开展Angular 4项目。

我希望能够自定义我的应用主色。

我的所有组件SCSS文件都导入一个名为 color.scss 的文件，其中包含颜色变量。

@import "src/assets/sass/color";

我有两个文件：

我想告诉webpack在解析时替换此url，具体取决于我传递的参数。

因此，当我执行：

webpack-dev-server --env.custom=A

Webpack会将color.scss的所有导入更改为“src / custom / A / assets / sass / color”。

有可能吗？如果是，它如何实施？

Answer 1

在src/assets/sass/_color.scss

的底部

添加@import "src/custom/A/assets/sass/color";

然后将A更改为您想要交换颜色的时间。