如何全局添加应该应用于angular2 webpack中所有组件的scss文件？

Question

我可以使用语法

将scss应用于组件

styleUrls: ['./app.component.scss', '../assets/css/styles.scss']

但这种风格只对特定组件可见。

我想使用＆＃39; ../ assets / css / styles.scss＆＃39;跨所有组件。

虽然全局使用css文件很容易，但scss文件似乎没有那样工作。

要为我的webpack配置sass，请添加以下行 -

{
     test: /\.scss$/,
     exclude: /node_modules/,
     loaders: ['raw-loader', 'sass-loader']
}

Answer 1

在您的主应用程序组件中，所有其他模块将通过路由器插座出现，请在那里包含您的全局scss。例如。 @零件（{     选择器：'app'，     templateUrl：'。/ app.component.html'，     styleUrls：['。/ app.styles.scss'] }）

Answer 2

尝试从webpack访问文件夹位置，如下所示。

{
     test: /\.scss$/,
     loader: 'file-loader?name=assets/css/[name].[ext]'
}