Angular 2+自定义webpack路径问题

Question

我想使用 @ngneat/tailwind 这是一个示意图，用于将 angular 项目更改为带有 自定义 webpack 的项目配置。

在添加了我所有关于 fonts 或其他 partial scss 的 scss 导入路径之后' 已解决，我收到错误：

Error: Failed to find 'filename'

如果在我的 angular.json 中删除自定义 webpack:

"customWebpackConfig": {
              "path": "webpack.config.js"
            }

所有路径都很好。

我有一个 Angular 应用版本 11 的默认配置。

我如何解决这些路径？

我试过使用 webpack resolve alias 但是不行：

const webpackMerge = require('webpack-merge');
const path = require('path');

console.error(path.resolve(__dirname, 'src/assets/ds/abstract/_variables.scss'));


module.exports = (config) => {
  const merge = webpackMerge && webpackMerge.merge ? webpackMerge.merge : webpackMerge;
  const isProd = config.mode === 'production';
  const tailwindConfig = require('./tailwind.config.js')(isProd);

  return merge(config, {
    module: {
      rules: [
        {
          test: /\.scss$/,
          loader: 'postcss-loader',
          options: {
            postcssOptions: {
              ident: 'postcss',
              syntax: 'postcss-scss',
              plugins: [
                require('postcss-import'),
                require('tailwindcss')(tailwindConfig),
                require('autoprefixer')
              ]
            }
          }
        }
      ]
    },
    resolve: {
      alias: {
        variables: path.resolve(__dirname, 'src/assets/ds/abstract/_variables.scss')
      },
      extensions: ['.ts', '.js', 'scss']
    }
  });
};

Answer 1

这是一个 issue。从版本 5.1.0 开始也可以。

Angular 2+自定义webpack路径问题

Angular 2+ custom webpack path issue

webpack

angular

angular-schematics