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']
})
},
就是這樣。所有的工作。