https://github.com/wszgrcy/webpack-ng-dll-plugin

一个 ng 远程加载插件库
https://github.com/wszgrcy/webpack-ng-dll-plugin

Last synced: about 2 months ago
JSON representation

一个 ng 远程加载插件库

• Host: GitHub
• URL: https://github.com/wszgrcy/webpack-ng-dll-plugin
• Owner: wszgrcy
• License: mit
• Created: 2020-10-08T11:13:01.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-09-01T15:20:32.000Z (over 2 years ago)
• Last Synced: 2024-10-31T17:33:35.594Z (3 months ago)
• Language: TypeScript
• Homepage: https://wszgrcy.github.io/webpack-ng-dll-plugin/
• Size: 579 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# webpack-ng-dll-plugin

- 一个 ng 远程加载插件库

## ng-named

- 主要用来在主项目中导出相关命名(组件,模块,服务,指令,管道及正常的 export 等)

- 子项目正常引入主项目的资源,在构建时会自动的替换为引入函数

- 远程子项目使用需要建立虚拟子项目当做桩,相关路径符合定义的`context+导出的资源文件`即可

### 主项目使用

- `NgNamedExportPlugin` 类似 dll,但是实际上是跑在主项目上的 dll,也就是两种的合体,可以在主项目内部被正常使用的同时,暴露给子项目使用

- 如果模块上有组件/指令/管道等可能被摇树掉的东西,那么就需要同样在出口声明导出

### 子项目使用

- `NgNamedImportCheckPlugin` 用于子项目应用的依赖检查,比如正常引入一个模块,实际上要使用这个模块内的一个组件,那么可能这个组件就忘记被导出,需要在出口文件导出

  > 如果检查到依赖未导出,默认情况下,会警告提示,不会中断项目

## remote

- 将子项目链接到主项目,使得主项目能正确的找到相关子项目

### 主项目使用

- `RemoteModuleStartupMainTemplatePlugin` 用于加载远程项目,不过是单文件的加载

- `RemoteModuleManifestStartupMainTemplatePlugin` 用于加载远程项目,支持一个清单,进行多个 js 文件,多个 css 文件的加载

### 子项目使用

- `RemoteModuleManifestStartupMainTemplatePlugin` 使用类似`runtime`的`Jsonp`方式加载到主项目中

## dll

- 提取主项的依赖,并且通过`DllReferencePlugin`使主项目,子项目使用相同依赖

## 主项目

- `NgDllPlugin` 参考`webpack`的`DllPlugin` 生成 dll

- `DllReferencePlugin` 引用 dll

## 子项目

- `DllReferencePlugin` 引用 dll