如何在我的Angular应用程序中使用webpack包含scss文件全局？

Question

我有一个带Webpack的Angular应用程序，还有一个带有我的应用程序全局样式的application.scss文件。

在我的应用程序中包含此文件的最佳方法是什么，以便所有组件都可以使用在那里定义的样式？

我不能将scss文件作为链接包含在index.html中，因为只接受css文件，那么最佳选择是什么？

由于

Answer 1

我有一个配置正在为此工作。

由于我正在谈论一个scss文件，我不能只在我的index.html中导入它，因为我正在使用webpack我必须明确地将它导入到某个地方才能工作，所以我要做的就是导入它在我的主页

import './stylesheets/application.sass';

然后我只需要配置webpack来处理这些类型的文件（这是我在使用带Angular的webpack时已经做过的事情）;所以我在我的webpack配置文件中使用此规则

{
        test: /\.sass$/,
        include: path.resolve(__dirname, '../src/stylesheets'),
        use: ExtractTextPlugin.extract({
          use: ['css-loader', 'sass-loader']
        })
      },

就是这样。一切正常。