如何通过Angular-Cli要求“ SASS”?

时间:2018-08-22 19:30:18

标签: angular webpack sass angular-cli

根据thisdriver.find_element_by_css_selector('div[align=left] .small')可在组件级别用于将CSS分成多个块。

但是,以下各项在使用driver.find_element_by_css_selector('a[title]').get_attribute('data-original-title')时有效,但在使用require时无效。

ng serve

在给定prod标志时,根本不会加载CSS。这是一个错误,还是我缺少什么?

2 个答案:

答案 0 :(得分:1)

这些是分别为ng serve和ng serve --prod设置的默认标志

Flag                 --dev      --prod
--aot                false      true
--environment        dev        prod
--output-hashing     media      all
--sourcemaps         true       false
--extract-css        false      true

使用ng serve --prod --extract-css = false可以解决问题,前提是extract-css = true就是您对CSS文件的要求破灭

答案 1 :(得分:0)

因此,对于可能偶然发现此问题的任何人,我发现require如果不创建手动Webpack配置就无法正常工作。我不想这样做,所以这是我所做的:

在Angular-CLI JSON的styles下,我添加了具有定义的输入和输出的SASS,以便Angular-CLI仍将编译我的SASS,但不将其捆绑。

"styles": [
  {
    "input": "scss/style.scss",
    "output": "assets/style/style"
  }
]

然后我上了高中,只是在我的index.html中将链接标记添加到输出CSS中。

我发现,由于prod版本向CSS添加了哈希,因此链接无法正常工作,因此我还需要仅将Output Hashing设置为media才能构建,这样我才可以链接至CSS。

ng build --prod --output-hashing=media

感谢@Kevin指出使用prod标志设置的标志。