在Angular 8中,includePaths
选项已经被废弃,并且不能直接用于配置SCSS或Sass文件的导入路径。替代的解决方法是使用@import
语句的~
前缀来引用node_modules中的模块。以下是一个示例:
npm install node-sass sass-loader
angular.json
文件的styles
数组中添加全局的SCSS文件,例如styles.scss
:"styles": [
"src/styles.scss"
]
styles.scss
文件中,使用~
前缀来引用node_modules中的模块:@import "~bootstrap/scss/bootstrap";
@import "~font-awesome/scss/font-awesome";
在这个示例中,我们使用了~bootstrap/scss/bootstrap
和~font-awesome/scss/font-awesome
来引用node_modules中的Bootstrap和Font Awesome的SCSS文件。
注意:在使用~
前缀引用模块时,确保该模块已经安装并且存在于node_modules目录中。
这样,你就可以在Angular 8中使用@import
语句来引用node_modules中的模块,而无需使用includePaths
选项。