尝试将node-sass-json-importer添加到Angular CLI应用程序中.
我使用1.0.0-beta.17的是CLI 版本,但是还无法使用当前版本来解决1.2这个问题.通过纱线安装后,我不知道应该在应用程序配置中设置它.
有没有人成功地将其整合到他们的应用程 我能找到的唯一答案是使用Webpack的应用程序,而不是Angular CLI.
我正在尝试编写一个自定义Webpack模块,以用cli 6覆盖或扩展角度为6的当前SCSS构建,目的是能够传递“品牌”并将其与任何替代匹配,例如“ somemodule /'brand' /filename.override.scss”并替换父文件夹“ somemodule / filename.scss”中的文件,但我没有任何进展。
设置:@ angular / cli“:” 6.2.2“,带有@ angular-builders / custom-webpack”:“ ^ 2.4.1”
我已经更新了项目构建,以反映出我正在使用自定义Webpack,以及覆盖/扩展的位置
"build": {
"builder": "@angular-builders/custom-webpack:browser",
"options": {
"customWebpackConfig": {
"path": "./extra-webpack.config.js"
},
Run Code Online (Sandbox Code Playgroud)
我的extra-webpack.config.js看起来像这样,只是我在许多网站上看到的一种基本的hello世界风格
module.exports = {
module:{
rules: [{
test: /\.scss$/,
use: [{
loader: "style-loader"
}, {
loader: "css-loader"
}, {
loader: "sass-loader",
options: {
includePaths: ["src"]
}
}]
}]
}
};
Run Code Online (Sandbox Code Playgroud)
但是用这个来运行我的构建
ng run websitename:build
Run Code Online (Sandbox Code Playgroud)
引发此错误
Module build failed (from ./node_modules/sass-
Run Code Online (Sandbox Code Playgroud)
loader / lib / loader.js):
^
Invalid CSS after "": …Run Code Online (Sandbox Code Playgroud)