【Angular 学习】--- 常用命令的通用关键参数解释

1.ng serve --host (self)

指定本地Server绑定的域名,默认值:localhost.如果希望使用self来访问你的站点,须加入以上参数


2.ng serve --hmr

注意开启之后,只是在angular-cli里的webpack添加必要的扩展,等价于webpack-dev-server –hot,还需要在应用代码里处理hmr逻辑,如可在main.ts里添加:

if(module.hot) {
  module.hot.accept();
}

3.ng serve --aot

开启aot


4.ng serve --proxy-config proxy.conf.json

指定后台转发地址,即nginx的proxy_pass代理功能。开发时为避免ajax跨域,需要指定后台接口的转发地址。
proxy.config.json文件示例如下:

{
  "/api": { // 匹配前缀
    "target": "http://localhost:3000", // 转发地址
    "secure": false
  }
}

5.--base-href

指定站点的起始路径,如果你希望你的站点根路径为www.abc.com/mypath/,需要这样设置:ng build –base-href /mypath/


6.--target

指定构建的目标,默认值是development,如果指定为production,构建时会加入treeshaking、代码压缩混淆等。下面两条等价:

ng build --target=production
ng build --prod 

7.--environment

指定应用执行环境。CLI会根据指定的值加载对应的环境配置文件。下面两句等价:

ng build --environment=prod
ng build --env=prod

构建时会加载angular-cli.json指定的环境配置文件:

"environments": { 
  "dev": "environments/environment.ts",
  "prod": "environments/environment.prod.ts"
}

猜你喜欢

转载自blog.csdn.net/yyzzhc999/article/details/80274837