项目构建&部署&多环境

auction/package.json

@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve --proxy-config proxy.conf.json",
+    "start": "ng serve  --proxy-config proxy.conf.json",
     "build": "ng build",
     "test": "ng test",
     "lint": "ng lint",

auction/src/app/app.component.ts

@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import {environment} from "../environments/environment";
 
 // 装饰器
 @Component({
@@ -11,4 +12,8 @@ import { Component } from '@angular/core';
 // 控制器
 export class AppComponent {
   title = 'angular学习，哈哈哈哈';
+
+    constructor(){
+        console.log("微信号是"+environment.weixinNumber);
+    }
 }

auction/src/app/app.module.ts

@@ -17,6 +17,7 @@ import { FilterPipe } from './pipe/filter.pipe';
 import { WebSocketComponent } from './web-socket/web-socket.component';
 import {WebSocketService} from "./shared/web-socket.service";
 import {HttpClientModule} from '@angular/common/http';
+import {LocationStrategy, HashLocationStrategy} from "@angular/common";
 
 const routeConfig: Routes = [
     {path: '', component: HomeComponent},
@@ -45,7 +46,8 @@ const routeConfig: Routes = [
         HttpClientModule
     ],
 
-    providers: [ProductService,WebSocketService],
+    providers: [ProductService,WebSocketService,
+        {provide:LocationStrategy,useClass:HashLocationStrategy}],
     bootstrap: [AppComponent],
 })
 export class AppModule {

auction/src/environments/environment.prod.ts

@@ -1,3 +1,4 @@
 export const environment = {
-  production: true
+    production: true,
+    weixinNumber: "生产环境微信号"
 };

auction/src/environments/environment.ts

@@ -3,7 +3,8 @@
 // The list of file replacements can be found in `angular.json`.
 
 export const environment = {
-  production: false
+  production: false,
+  weixinNumber:"开发环境微信号"
 };
 
 /*

auction/src/main.ts

@@ -1,4 +1,4 @@
-//核心模块提供的enableProdMode用来，用来关闭angular的开发者模式
+ //核心模块提供的enableProdMode用来，用来关闭angular的开发者模式
 import { enableProdMode } from '@angular/core';
 //使用哪个模块来启动应用
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';