0
我有一个带有Webpack的Angular应用程序,也有一个application.scss文件,其中包含我的应用程序的全局样式。如何使用webpack在我的Angular应用程序中包含全球scss文件?
在我的应用程序中包含此文件的最佳方式是什么,以便所有组件都可以使用此处定义的样式?
我不能将scss文件作为链接包含在index.html中,因为只有css文件被接受,那么最佳选择是什么?
谢谢
我有一个带有Webpack的Angular应用程序,也有一个application.scss文件,其中包含我的应用程序的全局样式。如何使用webpack在我的Angular应用程序中包含全球scss文件?
在我的应用程序中包含此文件的最佳方式是什么,以便所有组件都可以使用此处定义的样式?
我不能将scss文件作为链接包含在index.html中,因为只有css文件被接受,那么最佳选择是什么?
谢谢
我得到了一个配置为此工作。
正如我在谈论一个scss文件,我不能只在我的index.html中导入它,因为我使用的webpack我必须显式导入它的某处为此工作,所以我做的是导入它在我的main.ts
import './stylesheets/application.sass';
然后我需要配置的WebPack处理这些类型的文件(这东西使用带角的WebPack时,我已经这样做了);所以我在我的webpack配置文件中使用这个规则
{
test: /\.sass$/,
include: path.resolve(__dirname, '../src/stylesheets'),
use: ExtractTextPlugin.extract({
use: ['css-loader', 'sass-loader']
})
},
就是这样。所有的工作。