您的位置:首页 > Web前端 > AngularJS

angular8+ng-zorro-antd

2020-04-25 08:43 2959 查看

安装angular脚手架

npm install -g @angular/cli 或 yarn add global @angular/cli

ng v 查看版本,是否安装成功
1. 新建项目

我选择的less预处理器;


ng new projectName

cd projectName

ng add ng-zorro-antd

ng serve :运行项目;

socket.io:file(src->polyfills.ts):(window as any).goobal = window;

 

 

 

路由懒加载模式:

 

创建路由组建:

ng g module routesFile/ --routing

ng g c routesFile/

 

配置代理:

新建 proxyconfig.json文件

{
  "/api": {
    "target": "目标域名",
    "secure": false,  
    "logLevel": "debug",
    "changeOrigin": true,
    "pathRewrite": {
      "/api": "/api"
    }
  }
}
 

anjular.json文件中引用:

projects:{

  '项目名称':{

     architect: {

        serve: {

            "options": {
                  "browserTarget": "system:build",
                  "proxyConfig": "proxyconfig.json",  //  加入

              }
          },

        }

    }

  }

}

 

项目打包:

ng build 打包项目

ng build --prod 自动调用aot打包

 

 

 

 

 

 

 

 

 

 

 

 

  • 点赞 1
  • 收藏
  • 分享
  • 文章举报
旧歌. 发布了2 篇原创文章 · 获赞 1 · 访问量 111 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: