Отключить объединение Webpack HTML в Angular - PullRequest
Новая
       5

Отключить объединение Webpack HTML в Angular

0 голосов
/ 26 мая 2020

Я работаю над интерфейсом на основе Angular для своего приложения. Мой машинописный код связан с Webpack, а затем проходит через Babel (преобразование в ES5). Когда я собирал код, я заметил, что Webpack, кажется, также автоматически объединяет шаблоны HTML; вместо того, чтобы извлекать шаблоны из папки распространения, браузер извлекает их из пакета кода.

Мой вопрос: есть ли способ остановить это?

Я пытался по крайней мере, заставьте Angular извлекать шаблоны, используя directTemplateLoading: true в файле конфигурации Webpack, но шаблоны по-прежнему берутся из связанного кода, а не из файлов HTML (что странно, потому что я удалил HTML loader, и я не получаю сообщения об ошибке, поэтому не похоже, что Webpack обрабатывает HTML). Я также установил для параметра "enableResourceInlining" значение false в параметрах компилятора Angular, но это, похоже, тоже не имеет значения. Поиск в Интернете тоже не дал мне решения.

My Webpack.config. js: 

const path = require('path');
const ngTools = require('@ngtools/webpack');

module.exports = {
  mode: "development",
  entry: {
    main: "./src/main.ts"
  },
  devtool: 'cheap-module-eval-source-map',
  output: {
    filename: "app.bundle.js"
  },
  module: {
    rules: [
      {
        test: /(?:\.ngfactory\.js|\.ngstyle\.js|\.ts)$/,
        loader: [
          '@ngtools/webpack',
          { loader: 'angular-router-loader' }
        ]
      }
    ],
  },
  plugins: [
    new ngTools.AngularCompilerPlugin({
      tsConfigPath: 'tsconfig.json',
      basePath: './',
      entryModule: path.resolve(__dirname, 'src/app/app.module#AppModule'),
      skipCodeGeneration: true,
      sourceMap: true,
      directTemplateLoading: true,
      locale: 'en',
      hostReplacementPaths: {
        'src/environments/config.development.ts': 'src/environments/config.production.ts'
      }
    })
  ]
};

Проект, над которым я работаю (Ветка Inline-template-fix).

Цените любое предложение / идею / помощь!

...