正确预处理 Angular 组件和模板

问题描述

我们最近刚刚将一个 Angular 项目从 angular 1.5 移植到了 11。 部分代码使用gulp-preprocess和代码模板中的条件语句进行条件编译（针对特殊客户扔掉了不同的部分）

不幸的是，开箱即用的东西不再可用于构建 Angular11。 目前我设法使用另一个预处理器模块 webpack-preprocessor-loader 并结合 ngx-build-plus 我为 webpack 创建了以下插件配置：

exports.default = {
    pre: function (options) {

    },config: function (cfg) {
      const rule = {
        test: /\.ts$/,use: [
          {
            loader: 'webpack-preprocessor-loader',options: {
              params: {
                testParam: true,}
            }
          }
        ]
      }

      cfg.module.rules = [rule,...cfg.module.rules];

      return cfg;
    },post: function (options) {

    }
};

如果我现在运行 ng serve 或构建 .ts 文件中的正确部分。

我现在的问题是，我无法使用这种方法访问组件（.html 文件）的模板。 Angular 已经将它们编译到它们的组件中。

是否有我可以在 Angular 中访问的钩子或构建步骤，让我在模板编译成 .ts 组件文件之前在模板上运行预处理器？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）