如何从http中加载webpack Angular 7模块？

从http中加载Webpack Angular 7模块的方法如下：

首先，确保你已经安装了Angular CLI，并创建了一个新的Angular项目。
在Angular项目的根目录下，创建一个新的文件夹，用于存放你的Webpack模块。
在该文件夹中创建一个名为webpack.config.js的文件，用于配置Webpack。
在webpack.config.js文件中，配置Webpack的入口点和输出路径。例如：

module.exports = {
  entry: './src/app/my-module.js',
  output: {
    path: __dirname + '/dist',
    filename: 'my-module.bundle.js'
  }
};

这里的./src/app/my-module.js是你要加载的Angular模块的入口文件，my-module.bundle.js是输出的Webpack打包文件名。

在Angular项目的根目录下，创建一个新的文件夹，用于存放你的Webpack模块的资源文件（如样式表、图片等）。
在你的Webpack模块的入口文件（my-module.js）中，使用import语句加载你的Angular模块。例如：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { MyComponent } from './my-component';

@NgModule({
  imports: [BrowserModule],
  declarations: [MyComponent],
  bootstrap: [MyComponent]
})
export class MyModule {}

这里的MyComponent是你的Angular组件。

在Angular项目的根目录下，创建一个新的文件夹，用于存放你的Webpack模块的HTML文件。
在你的Webpack模块的HTML文件中，使用<script>标签引入Webpack打包后的文件。例如：

<!DOCTYPE html>
<html>
<head>
  <title>My Module</title>
</head>
<body>
  <my-component></my-component>
  <script src="dist/my-module.bundle.js"></script>
</body>
</html>

这里的dist/my-module.bundle.js是Webpack打包后的文件路径。

在Angular项目的根目录下，创建一个新的文件夹，用于存放你的Webpack模块的路由配置文件。
在你的路由配置文件中，定义你的Webpack模块的路由。例如：

import { Routes } from '@angular/router';
import { MyComponent } from './my-component';

export const routes: Routes = [
  { path: '', component: MyComponent }
];

在你的Angular项目的根模块中，使用RouterModule.forRoot()方法加载你的Webpack模块的路由配置。例如：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule } from '@angular/router';
import { routes } from './my-module/routes';
import { MyComponent } from './my-module/my-component';

@NgModule({
  imports: [BrowserModule, RouterModule.forRoot(routes)],
  declarations: [MyComponent],
  bootstrap: [MyComponent]
})
export class AppModule {}

最后，在Angular项目的根模块中，使用import()函数动态加载你的Webpack模块。例如：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule } from '@angular/router';
import { routes } from './my-module/routes';
import { MyComponent } from './my-module/my-component';

@NgModule({
  imports: [BrowserModule, RouterModule.forRoot(routes)],
  declarations: [MyComponent],
  bootstrap: [MyComponent]
})
export class AppModule {
  constructor() {
    import('./my-module/my-module').then(module => {
      console.log(module);
    });
  }
}

这样，你就可以通过HTTP加载Webpack Angular 7模块了。

请注意，以上步骤仅为示例，实际情况可能会有所不同。具体的配置和代码取决于你的项目结构和需求。