介绍
这篇文章将为大家详细讲解有关怎么在角中部署一个多模块项目,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
创建一个<代码>角> angular-project> 应用程序>
ng new angular-project
,——createApplication=false
——互动=false
——skipInstall=true 生成库<代码>一般> sso> ng g library 常见
——skipInstall=true
ng g application sso
——=scss 风格;
——路由=true
,——skipInstall=true 安装依赖:
npm install
——注册表=https://registry.npm.taobao.org <强>项目结构
最终的项目结构长这样,所有模块位于<代码> 项目目录下。
<代码>角库> 模块代码,<代码>模块代码>
同时我们开始反思之前用过的<代码> ShareModule> 角库> npm>
但是在开发过程中,共享模块可能有所改动,频繁发布就有些麻烦,如何直接引用本地的模块呢?
构建<代码>常见>
<代码> ng共同
如果该库频繁改动的话,可以添加监听参数,文件修改后自动构建:
<代码> ng构建常见——看
命令执行后会在<代码> dist 目录生成构建成功的<代码> 库。
使用起来就像我们使用的其他<代码>角> <代码>,<代码> WebStorm> import
{,
CommonModule
}大敌;
得到& # 39;常见# 39;; <强>测试
在业务模块中引入<代码> CommonModule> import {, BrowserModule },得到& # 39;@angular/platform-browser& # 39;;
{},NgModule import 得到& # 39;@angular/核心# 39;;
{},AppRoutingModule import 得到& # 39;。/app-routing.module& # 39;;
{},AppComponent import 得到& # 39;。/app.component& # 39;;
{},CommonModule import 得到& # 39;共同# 39;;
@NgModule ({
,声明:[
AppComponent才能
,),
,进口:[
BrowserModule才能,
AppRoutingModule才能,
CommonModule才能
,),
,提供者:[],
,引导:[AppComponent]
})
{export class AppModule } 在<代码> AppComponent> CommonModule> CommonComponent> & lt; h2> App Component HTML,
& lt; lib-common> & lt;/lib-common> 注:库组件生成的默认前缀是<代码>自由>
进入业务组件进行<代码> ng服务>
关于怎么在角中部署一个多模块项目就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。
