Cuando construyo una aplicación Angular 2 usando Angular CLI / webpack, me gustaría especificar valores para algunas variables Sass. Como hacer algourl(#{$my-base-path}/...) o$fa-font-path apunte a un CDN en producción, o simplemente establezca diferentes colores de fondo para las compilaciones de aceptación y producción.

Me gusta cómo Angular CLI selecciona una configuración, por ejemplo,environments/environment.prod.ts. Pero también usaría parámetros de línea de comando adicionales parang build, pero sin suerte hasta ahora:

Sin CLI angular, supongo que podríausar funciones personalizadas de Sass en la línea de comando, pero no sé cómo podría usar ese enfoque junto con Angular CLI.

Tal vez pueda especificar la ruta a alguna específicamy-variables.sccs utilizar para todas las compilaciones de Sass?

Sass-loader de Webpackdeclara lo siguiente, pero no tengo idea si puedo usar eso con CLI angular:

Variables de entorno

Si desea anteponer el código Sass antes del archivo de entrada real, simplemente puede configurar eldata opción. En este caso, el sass-loader no anulará eldata opción, pero solo agregue el contenido de la entrada. Esto es especialmente útil cuando algunas de sus variables Sass dependen del entorno:

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

¿Alguna idea?