Ao criar um aplicativo Angular 2 usando o Angular CLI / webpack, gostaria de especificar valores para algumas variáveis do Sass. Como fazer algunsurl(#{$my-base-path}/...) ou$fa-font-path aponte para uma CDN em produção ou simplesmente defina cores de fundo diferentes para compilações de aceitação e produção.

Gosto de como a CLI angular seleciona uma configuração, por exemplo,environments/environment.prod.ts. Mas eu também usaria alegremente parâmetros adicionais de linha de comando parang build, mas sem sorte até agora:

Sem o Angular CLI, acho que poderiause funções personalizadas do Sass na linha de comando, mas não sei como poderia usar essa abordagem junto com a Angular CLI.

Talvez eu possa especificar o caminho para algumasmy-variables.sccs usar para todas as compilações do Sass?

Carregador sass do Webpackdeclara o seguinte, mas não faço idéia se posso usar isso com a CLI angular:

Variáveis ambientais

Se você deseja anexar o código Sass antes do arquivo de entrada real, basta definir odata opção. Nesse caso, o sass-loader não substituirá odata opção, mas basta acrescentar o conteúdo da entrada. Isso é especialmente útil quando algumas de suas variáveis Sass dependem do ambiente:

{
    loader: "sass-loader",
    options: {
        data: "$env: " + process.env.NODE_ENV + ";"
    }
}

Qualquer ideia?