angular项目打包发布流程

最新推荐文章于 2022-10-08 14:44:24 发布
最新推荐文章于 2022-10-08 14:44:24 发布
阅读量2.2k 收藏
点赞数
文章标签： javascript 开发工具 前端 ViewUI
原文链接：https://yq.aliyun.com/articles/659560
版权

1.从git更新代码，运行测试看有没有错误，测试ie兼容性。

2.修改配置文件并编译打包代码

修改连接服务器的配置文件

img_d6adf68ec65c7151ba1641bf980d4a9d.png

双击


img_5951f41ac8c241d70c847c0e196d6a33.png

3.拷贝文件到服务器

xshell连接到linux


img_7ba04ecb9b78a8663af50a75a528cde9.png

命令：

pwd: 查看当然文件目录
ll: 列出该文件下所有的文件列表
rm :删除文件  （rm -rf * 强制删除全部文件）
unzip 文件名： 文件解压
weixin_34258078
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Angular入门到精通系列教程（14）- Angular 编译打包 & Docker发布
Jack @ CSDN
01-29 7075
文章目录1. 概要2. 编译打包2.1. 基本打包命令2.2. 打包部署到二级目录3. Angular站点的发布3.1. web服务器发布3.2. 使用docker发布4. 总结 环境: Angular CLI: 11.0.6 Angular: 11.0.7 Node: 12.18.3 npm : 6.14.6 IDE: Visual Studio Code 1. 概要 当我们完成angular的开发后，如何部署到服务器呢？ 2. 编译打包 2.1. 基本打包命令 基于Angular CLI生成的A
angular项目打包发布
m0_37809911的博客
08-08 804
Nginx + Angular结合操作 1.下载Nginx, 根据自己的版本下载Nginx，关于Nginx配置，请看https://www.cnblogs.com/MBirds/p/6605366.html 2.将angular项目打包，并将生成的dist文件夹发布到服务器上或本地 1 ng build --aot// 编译方式无要求 3.接下...
angular项目打包后通过express运行
Alade_cuncun的博客
09-22 723
angular项目需要打包刻光盘给别人看，通过express项目来运行
angular实现一次打包,多服务器运行
weixin_39150852的博客
06-23 1144
Angular CLI应用程序环境的局限性 每种环境都需要单独的构建:构建时要求您为每个环境生成不同的配置,应用程序代码一旦更改,则需要为每个环境运行一次编译打包命令,这样既耗时又影响开发效率 将应用程序配置部分存储在应用程序代码存储库中可能会带来安全风险。 问题描述: 在实际开发过程中,稍微大点的angular项目打包一次可能会耗时半个小时 解决方案: 在不重新构建Angular应用程序的情况下，将我们的Angular应用程序部署在具有不同配置的不同环境（阶段，生产，客户端A，客户端B等）中 1.在应
angular项目从部署到启动
热门推荐
阿留申低压的博客
05-02 3万+
angular是前端三大框架之一，适合开发大型需要多人合作的项目，代码规范，社区活跃，不过学习曲线陡峭。这篇介绍环境搭建，完成就可以启动ng项目了。 一、Node.js和npm 在node官网（https://nodejs.org/zh-cn/download/）下载安装包，根据电脑系统安装对应包。 打开安装包，直接点击下一步，完成安装。 检测Node.js...
Angular实现一次打包，外部修改环境配置。
God$Sun的博客
10-08 1170
Angular实现一次打包，外部修改环境配置。
Angular 封装并发布组件的方法示例
08-27
在Angular框架中，封装并发布组件是开发复用性代码的关键步骤，这使得开发者能够创建自己的自定义组件库，供项目或多个项目使用。以下是一个详细的步骤解释： 1. **创建组件**: 首先，我们需要创建一个新的Angular...
项目打包运行dist以及nginx配置
04-11
在IT行业中，项目打包运行和Nginx配置是两个关键环节，它们对于应用程序的部署和发布至关重要。这里我们将深入探讨这两个主题。 首先，项目打包运行通常指的是将开发完成的前端或后端应用转换为可部署的形式。对于...
四个微信小程序打包
02-09
微信小程序是一种轻量级的应用开发平台，它可以让开发者在微信平台上快速构建并发布无需下载安装的应用，用户只需在微信内搜索或扫描二维码即可使用。在本案例中，你拥有的四个压缩包文件分别是针对“知亦行”，...
大众明星网后台打包项目 51
05-01
1. 需求分析：这是项目启动的第一步，旨在明确系统的功能需求，如用户角色（管理员、编辑等）、权限管理、内容发布流程等。 2. 设计：包括系统架构设计、数据库设计和UI/UX设计。系统架构需要考虑可扩展性、可维护...
angular7封装组件上传到npm库，并引用到项目上
01-08
在Angular开发过程中，有时我们需要将自定义的组件或服务封装成独立的库，以便在不同的项目中复用。本教程将指导你如何在...如果你需要更新库的版本，只需更改`package.json`中的`version`，然后重复发布流程即可。
Angular6项目的打包部署
白不懂黑的静的专栏
06-22 3835
一、摘要 今天记录Angular6项目的打包部署。当我们开发好一套系统后，项目的部署也是很关键的一步。 二、前提 已经有一个正常的Angular6开发环境，并且在本地的开发环境中可以正常的启动，访问自己的angular项目。 三、需求 将项目打包后，放到服务器上，直接访问服务器地址，项目正常访问。 四、具体过程 1、使用项目打包命令进行打包 ng build --prod --base-href /project_name/ 主要参...
angular打包发布命令
低调的奔跑
09-28 4816
ng build --prod --aot --base-href ./
Angular6 从打包到部署IIS上
gx_up
07-11 9241
以下为打包方式： 通过命令行 ng build --prod --aot 会生成dist文件夹，将dist文件夹中的文件，直接上传到服务器IIS站点下。 然后发现可以正常访问，但是刷新页面就会报400错误，这时需要进行如下配置： 1.安装URL rewrite组件：   网址：https://www.microsoft.com/en-us/download/details.aspx?...
Angular 4 打包并发布
llkui
07-27 2万+
项目基于Angular CLI，一个命令行界面工具搭建 在项目开发完成之后，在打包发布地方遇到了问题，之前一直使用angularjs开发，置于新的Angular 4却是还未接触，这次的新项目，选择了Angular 4，随之而来的便是一个跨越式的变化。 相比于angularjs直接引用文件发布而言，Angular 4的打包发布却是没有那么一清二白了 从官方文档中，了解到的是以nodejs环境发
angular学习8-打包和部署
gexiaopipi的博客
04-10 1万+
预编译(AOT) ng build --prod 可以看到生成了一个dist文件夹，里面是打包后的静态资源文件。 搭建本地简单服务器用来预览打包后的静态文件 npm install express const express=require('express') const app = express() //访问静态资源文件 //中间件 app.use(express.static('dis...
AngularJS执行流程详解
雅荷沁兰的专栏
09-19 914
一、启动阶段 大家应该都知道，当浏览器加载一个HTML页面时，它会将HMTL页面先解析成DOM树，然后逐个加载DOM树中的每一个元素节点。我们可以把AngularJS当做一个类似jQuery的js库，我们通过 二、初始化 Angular开始启动后，它会查找ng-app指令，然后初始化一系列必要的组件（即injector、injector、compile服务以及$rootScope），接着重新...
node项目打包命令
最新发布
07-25
在Node.js项目中，我们经常使用`npm`（Node Package Manager）或`yarn`（一个更快、更健壮的依赖管理系统）来进行项目的构建和打包。对于大多数现代前端框架（如React, Angular, Vue等），它们都有自己的构建工具，比如Webpack、Rollup等。然而，如果你是指Node.js本身的应用程序打包，那么它主要涉及到的是压缩和优化模块以便于部署到服务器或其他环境中。 #### 使用`npm`打包 虽然原生的Node.js应用不需要“打包”传统意义上的压缩或混淆过程，但是为了发布和分发，我们通常会利用`npm`的一些特性，如生成`dist`目录、使用`prepack`选项等。以下是生成`dist`目录的一个例子： ```sh npm run build ``` 或者如果在`package.json`中有配置了特定的构建脚本，如： ```json "scripts": { "build": "cross-env NODE_ENV=production node_modules/.bin/babel src --out-dir dist" } ``` 那么运行: ```sh npm run build ``` 会使用Babel（一种JavaScript编译器）对`src`目录下的代码进行转换，并将其输出到`dist`目录，这实际上就是一个常见的构建流程。 #### 使用`yarn` 如果你使用了Yarn，打包的流程类似： ```sh yarn build ``` 或者在特定环境下： ```sh yarn build:prod ``` 这里假设已经配置了相应的Yarn脚本来适应生产环境的需求。 #### 使用Webpack打包（以Web应用为例） 对于基于浏览器的Node.js应用（特别是那些使用了现代前端框架或库的项目），可能会使用Webpack这样的构建工具进行打包。Webpack不仅可以压缩和优化JavaScript代码，还可以处理CSS、图片资源等静态资产，提供热更新等功能。其典型的工作流程包括： 1. **配置**：在项目根目录下创建或编辑`webpack.config.js`文件，配置如何处理各种资源以及如何打包。 2. **构建**：运行如下命令生成打包后的代码： ```sh webpack --mode production ``` 或者针对开发环境： ```sh webpack --mode development ``` ### 相关问题: 1. 在Node.js项目中为什么要使用构建工具如Webpack或Rollup？ 2. 如何在Node.js项目中使用Vite替代Webpack进行快速开发？ 3. 在Node.js项目中如何配置和使用ESLint进行代码规范检查？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值