首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Angular CLI 常用终端操作命令

    CLI常用命令 ---- ng new project-name - 创建一个新项目,置为默认设置 ng build - 构建/编译应用 ng test - 运行单元测试 ng e2e - 运行端到端(...关CLI构建编译项目 ---- 输入命令 ng build 来编译项目,生成编译后的文件存放目录在 项目根目录下 dist/ 目录下面 关于...CLI 构建正式服务器打包文件和测试环境文件还有本地文件 ---- ng build 可以同时指定要与该构建(或)一起使用的构建目标( --target...如果你不传递一个值 environment ,它将默认为 dev 或者 development 和 prod 或者 build --environment=loca ng build --environment=prod 关于代理服务器 ---- 在webpack的dev服务器中使用代理支持,我们可以高速缓存某些

    2.1K40

    Angular 2.x折腾记 :(1)初识Angular-cli及脱坑要点

    cli beta18开始用的,截止beta28.3,这个分支已经废弃,已经迁移,之前npm install angular-cli不推荐; 目前最新的是v1.0.0正式版【2017-3-24】,从旧版本到...正式版的配置稍微有些改动,我比较了下基本不大,放心使用 系统环境配置 window 安装lts版本的nodejs v6.10.0 , Angular-cli中的node-sass不支持7.x,装不上的...-format可以帮助格式和修复部分问题 启动 ng serve: 启动脚手架服务,默认端口4200;自定义什么看帮助额 打包 ng build: 开发模式打包,调用的环境文件是/src/environments.../environments.ts; ng build --prod: 以前调用aot打包还需要带上--aot,从beta31开始,--prod模式下自动调用aot打包, 调用的环境文件是/src/environments.../environments.prod.ts 弹出配置文件(还原真实的配置文件) ng eject : 这个东西的配置很多,可以弹出各种各样的源配置和文件 我们看到的ng开头的命令都是二重封装的。。。

    17010

    Angular 2 + 折腾记 :(1)初识Angular-cli及脱坑要点

    npm: www.npmjs.com/package/ang… 我最早是从beta18开始用的,截止beta28.3 -- 这个分支已经废弃,已经迁移,之前npm install angular-cli不推荐...正式版的配置稍微有些改动,我比较了下基本不大,放心使用 ---- 安装之前 window下: 安装lts版本的nodejs[6.10.0] , Angular-cli中的node-sass不支持7.x,装不上的...windows下的依赖库,再执行官方安装命令 Linux下: nodejs控制推荐用nvm来管理 :github.com/creationix/… 先下载nvm的脚本,用curl或者wget都行,前者有些不预装...4200;自定义什么看帮助额 ---- 打包 ng build: 开发模式打包,调用的环境文件是/src/environments/environments.ts; ng build --prod: 以前调用...aot打包还需要带上--aot,从beta31开始,--prod模式下自动调用aot打包, 调用的环境文件是/src/environments/environments.prod.ts ---- 弹出配置文件

    1.8K10

    angular-cli.json配置参数解释,以及依稀常用命令的通用关键参数解释

    常用命令的通用关键参数解释 1.ng serve --host (self) 指定本地Server绑定的域名,默认值:localhost.如果希望使用self来访问你的站点,须加入以上参数 2.ng serve...--base-href 指定站点的起始路径,如果你希望你的站点根路径为www.abc.com/mypath/,需要这样设置:ng build --base-href /mypath/ 6....下面两条等价: ng build --target=production ng build --prod 7.--environment 指定应用执行环境。...下面两句等价: ng build --environment=prod ng build --env=prod 构建时会加载angular-cli.json指定的环境配置文件: "environments...": { "dev": "environments/environment.ts", "prod": "environments/environment.prod.ts" }

    1.6K30

    Angular 工具篇之分析包的大小

    build --prod --stats-json 当项目构建完成后,在根目录下的 dist 文件夹下会生成一个 stats.json 文件,然后我们可以通过以下的命令来查看 webpack 打包文件大小信息...在 angular6-example-app 项目中,也为我们提供了相应的 npm script,具体如下: "bundle-report": "ng build --prod --stats-json...首先我们先来在当前项目中安装 source-map-explorer: $ npm i source-map-explorer --save-dev 然后在重新进行项目构建: $ ng build --...prod --source-map 构建完成后,在根目录下的 dist 文件夹下会生成 main bundle 文件,这时我们可以在命令行执行下列命令来查看结果: $ node_modules/.bin...为了方便操作,我们也可以定义一个 npm script 任务来处理上述的工作: "map-explorer": "ng build --prod --source-map && source-map-explorer

    2.4K40
    领券