使用 sass 而不是 css angular 4 .net core 2 spa 模板

Posted

技术标签:

【中文标题】使用 sass 而不是 css angular 4 .net core 2 spa 模板【英文标题】:Use sass not css angular 4 .net core 2 spa templates 【发布时间】:2018-02-18 08:03:55 【问题描述】:

你能告诉我如何生成 vendor.scss 而不是 vendor.css(bootstrap.css 副本),就像它现在正在做的 webpack 一样吗?

我尝试使用 bootstrap.scss 和 variables.scss & _custom.scss 而不是 bootstrap.css。

或者还有其他选择吗?

我放了

 test: /\.scss$/, loaders: ['to-string-loader', 'css-loader', 'sass-loader'] ,

在 webpack.config 中,所以我可以使用 scss,但我不知道如何使用 bootstrap.scss 而不是 bootstrap.css

【问题讨论】:

【参考方案1】:

在 webpack.config.vendor.js 的 nonTreeShakableModules 中,将引导条目更改为使用 bootstrap.scss 而不是 .css

回复晚了,但希望这可以帮助人们解决同样的问题。

【讨论】:

以上是关于使用 sass 而不是 css angular 4 .net core 2 spa 模板的主要内容,如果未能解决你的问题,请参考以下文章

使用 angular-cli 进行 CSS 编译

Angular 2/4:为每个模块加载 sass 变量

使用 angular-cli、sass 和 materialize-css 找不到字体

Angular Webpack 设置:使用 webpack 从 css 迁移到 sass

将 sass/css 文件导入所有 Angular 组件

如何使用 webpack、typescript、phaser 和 angular 配置全局 css 和 sass 样式表