'Programming > angular' 카테고리의 다른 글
| angluar deploy (0) | 2019.06.28 |
|---|---|
| angular 빌드 최적화(?) (0) | 2019.03.18 |
| angular with reverse proxy (0) | 2019.03.18 |
| angular4 ie11 호환성 설정 (0) | 2019.02.18 |
| angular proxy (0) | 2018.11.02 |
| angluar deploy (0) | 2019.06.28 |
|---|---|
| angular 빌드 최적화(?) (0) | 2019.03.18 |
| angular with reverse proxy (0) | 2019.03.18 |
| angular4 ie11 호환성 설정 (0) | 2019.02.18 |
| angular proxy (0) | 2018.11.02 |
ng build --prod --output-path docs --base-href /<project_name>/
| angular aot (0) | 2019.06.28 |
|---|---|
| angular 빌드 최적화(?) (0) | 2019.03.18 |
| angular with reverse proxy (0) | 2019.03.18 |
| angular4 ie11 호환성 설정 (0) | 2019.02.18 |
| angular proxy (0) | 2018.11.02 |
요즘 머리가 굳어서 안돌아가나..
예제가 친절하게 있어도 어떻게 쓰는지 감이 1도 안온다.. ㅠㅠ
아무튼 make -j 처럼 멀티코어 빌드하는 방법을 찾아보는 중
[링크 : https://www.npmjs.com/package/parallel-webpack-ng]
[링크 : https://survivejs.com/webpack/optimizing/performance/]
[링크 : https://blog.box.com/blog/how-we-improved-webpack-build-performance-95]
| angular aot (0) | 2019.06.28 |
|---|---|
| angluar deploy (0) | 2019.06.28 |
| angular with reverse proxy (0) | 2019.03.18 |
| angular4 ie11 호환성 설정 (0) | 2019.02.18 |
| angular proxy (0) | 2018.11.02 |
packge.json에
proxy.conf.json을 추가하여 빌드시에 적용하는 듯
{ "/api": { "target": "http://localhost:3000", "secure": false } } |
"architect": { "serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { "browserTarget": "your-application-name:build", "proxyConfig": "proxy.conf.json" }, |
[링크 : https://github.com/angular/angular-cli/blob/master/docs/documentation/stories/proxy.md]
[링크 : https://gompro.postype.com/post/732269]
+
예전에 단순하게 url만 상대경로로 바꾸고 시도를 했었는데 제대로 안되서
넘어갔었는데 이 부분이 누락되서 그랬던 듯
| angluar deploy (0) | 2019.06.28 |
|---|---|
| angular 빌드 최적화(?) (0) | 2019.03.18 |
| angular4 ie11 호환성 설정 (0) | 2019.02.18 |
| angular proxy (0) | 2018.11.02 |
| vscode 및 angular.js 셋팅.. (0) | 2018.08.08 |
아래와 같은 에러가 발생을 하면서 ie로 확인하면 안되는 경우
SCRIPT5022: 예외가 발생했지만 catch할 수 없습니다. polyfills.-------------.bundle.js (1,57771) |
요렇게 하면 된다더라.. (라고 발빼기)
src\polyfills.ts : /** IE9, IE10 and IE11 requires all of the following polyfills. **/ import 'core-js/es6/symbol'; import 'core-js/es6/object'; import 'core-js/es6/function'; import 'core-js/es6/parse-int'; import 'core-js/es6/parse-float'; import 'core-js/es6/number'; import 'core-js/es6/math'; import 'core-js/es6/string'; import 'core-js/es6/date'; import 'core-js/es6/array'; import 'core-js/es6/regexp'; import 'core-js/es6/map'; import 'core-js/es6/set'; |
[링크 : https://stackoverflow.com/questions/45353619/angular4-application-running-issues-in-ie11]
링크에 의하면 기본값으로 IE9~IE11 호환을 하지 않도록 되어 있어서 발생하는 것으로 추측된다.
| angluar deploy (0) | 2019.06.28 |
|---|---|
| angular 빌드 최적화(?) (0) | 2019.03.18 |
| angular with reverse proxy (0) | 2019.03.18 |
| angular proxy (0) | 2018.11.02 |
| vscode 및 angular.js 셋팅.. (0) | 2018.08.08 |
angular에서 proxy 돌리는 법 검색중..
[링크 : http://www.projectcodify.com/angular-set-base-url-dynamically]
[링크 : https://itnext.io/angular-cli-proxy-configuration-4311acec9d6f]
[링크 : https://juristr.com/blog/2016/11/configure-proxy-api-angular-cli/]
[링크 : https://github.com/angular/angular-cli/blob/master/docs/documentation/stories/proxy.md]
| angluar deploy (0) | 2019.06.28 |
|---|---|
| angular 빌드 최적화(?) (0) | 2019.03.18 |
| angular with reverse proxy (0) | 2019.03.18 |
| angular4 ie11 호환성 설정 (0) | 2019.02.18 |
| vscode 및 angular.js 셋팅.. (0) | 2018.08.08 |
기본 설치 프로그램
vscode - ms 에서 만든 거
git - vscode에서 버전관리용으로 기본으로 쓰는거
nodejs - angular나 react 등의 녀석들 패키지 관리하는 녀석(혹은 메인 패키지)
[링크 : https://code.visualstudio.com/]
[링크 : https://git-scm.com/]
[링크 : https://nodejs.org]
일단은 난 윈도우라 아래의 순서로 실행
> npm install -g @angular/cli node.js를 이용하여 앵귤러 콘솔 프로그램 설치 > ng new my-app angluar를 이용하여 새로운 프로젝트를 my-app 폴더에 생성(시간이 꽤 걸림) > cd my-app 프로젝트 폴더 들어가서 > code . vscode를 현재 폴더 기준으로 실행(프로젝트 생성까진 아니어도 자동으로 하위 폴더 내용 끌어옴) > ng serve localhost:4200 에서 서버 구동함 |
[링크 : https://code.visualstudio.com/docs/nodejs/angular-tutorial]
vscode 플러그 인은
HTML snipper (퍼블리셔 명 Mohamed Abusaid)
Debugger for Chrome(Microsoft)
[링크 : http://gomcine.tistory.com/entry/VS-Code-Extension-설치-및-유용한-Extension-소개]
신기한게 vscode에서 수정하면 ng serve 쪽에서 자동으로 렌더링 하고 웹페이지는 자동으로 refresh된다.
| angluar deploy (0) | 2019.06.28 |
|---|---|
| angular 빌드 최적화(?) (0) | 2019.03.18 |
| angular with reverse proxy (0) | 2019.03.18 |
| angular4 ie11 호환성 설정 (0) | 2019.02.18 |
| angular proxy (0) | 2018.11.02 |