在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 不用Angular-cli如何使styleUrls支持引入scss/less文件

不用Angular-cli如何使styleUrls支持引入scss/less文件？

如果使用 CLI 進行構(gòu)建，那么你可以用 sass、less 或 stylus 來編寫樣式，并使用相應(yīng)的擴展名（.scss、.less、.styl）把它們指定到 @Component.styleUrls 元數(shù)據(jù)中。例子如下：

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
ng set defaults.styleExt scss

CLI 的構(gòu)建過程會運行相關(guān)的預(yù)處理器。

但，如果不使用CLI構(gòu)建的話，應(yīng)該如何操作才能使styleUrls支持引入scss/less文件？

回答
編輯回答
囍槑

以前用過一種方式：

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styles: [require('./app.component.scss').toString()]
})

同時你可能需要在webpack中進行相應(yīng)的配置：

module: {
????rules: [
??????{
????????test: /\.scss$/,
????????exclude: /node_modules/,
????????use: [
??????????'style-loader',
??????????'css-loader?sourceMap',
??????????'postcss-loader',
??????????'resolve-url-loader',
??????????{
????????????loader: 'sass-loader',
????????????options: {
??????????????sassLoader: {
????????????????sourceMap: true
??????????????}
????????????}
??????????}
????????]
??????},??
???]
}
2017年9月11日 10:15
編輯回答
溫衫

這個應(yīng)該與是否用CLI構(gòu)建沒有直接關(guān)系吧

2017年8月3日 22:03