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

我可以使用语法将SCS应用于组件

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

但此样式仅对特定组件可见

我想在所有组件中使用“../assets/css/styles.scss”

虽然全局使用css文件很容易，但scss文件似乎不是这样工作的

要为sass配置我的网页包，请添加以下行-

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

---

在你的主应用程序组件中，所有其他模块都将通过路由器出口显示，包括你的全局SCS。 @组成部分({ 选择器：“应用程序”， templateUrl:“./app.component.html”， 样式URL:['./app.styles.scss']

---

})

在您的主应用程序组件中，您的所有其他模块都将通过路由器出口显示，包括您的全局SCS。 @组成部分({ 选择器：“应用程序”， templateUrl:“./app.component.html”， 样式URL:['./app.styles.scss']

---

})

尝试像这样从网页访问文件夹位置

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

---

尝试像这样从网页访问文件夹位置

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

---

这样，它只对那个特定组件可见，甚至对它在html下添加的子组件都不可见。这样，它只对那个特定组件可见，甚至对它在html下添加的子组件都不可见。