相关疑难解决方法(0)

我在https://github.com/franklin626/custom_webpack_undebuggable 上重现了我的问题。

从标准的 Angular 9 CLI 应用程序开始，我需要自定义 webpack 构建，以便我的 SCSS 文件可以导入 JSON 配置。这意味着，在angular.json，从

"serve": {
      "builder": "@angular-devkit/build-angular:dev-server"

到

"serve": {
      "builder": "@angular-builders/custom-webpack:dev-server",
      "options": {
        "customWebpackConfig": {
          "path": "webpack.config.js"
        }
       ...

用webpack.config.js包含下列：

const jsonImporter = require('node-sass-json-importer');

module.exports = {
  mode: 'development',
  module: {
    rules: [
      {
        test: /\.scss$|\.sass$/,
        use: [
          {
            loader: require.resolve('sass-loader'),
            options: {
              implementation: require('node-sass'),
              sassOptions: {
                // bootstrap-sass requires a minimum precision of 8
                precision: 8,
                importer: jsonImporter(),
                outputStyle: 'expanded'
              }
            } …