相关疑难解决方法(0)

将node-sass-json-importer集成到Angular CLI应用程序中

尝试将node-sass-json-importer添加到Angular CLI应用程序中.

我使用1.0.0-beta.17的是CLI 版本,但是还无法使用当前版本来解决1.2这个问题.通过纱线安装后,我不知道应该在应用程序配置中设置它.

有没有人成功地将其整合到他们的应用程 我能找到的唯一答案是使用Webpack的应用程序,而不是Angular CLI.

javascript sass node-sass angular-cli angular

12
推荐指数
1
解决办法
485
查看次数

Angular CLI 6自定义Webpack SCSS加载器

我正在尝试编写一个自定义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)

sass webpack angular-cli angular-cli-v6

5
推荐指数
1
解决办法
1193
查看次数