yo angualr-fullstatck 项目打包部署

yoeman使用grunt进行打包部署，直接运行grunt命令即可，期间会对代码进行检查，如果存在不规范的地方jshint会指定出来．

grunt会对静态资源进行打包而且对资源文件名进行了MD5作为版本戳．

１：修改server/app.js配置文件

//process.env.NODE_ENV = process.env.NODE_ENV || 'development';
process.env.NODE_ENV = 'production';//生产环境

使用grunt打包生成目标应用时，必须修改为生成环境，否则访问页面提示以下错误信息：

生成环境下的应用端口号默认为：8080

2：运行grunt命令进行打包，最终打包到dist目录下面，目录结构如下：

3:正式运行需要依赖node_modules下面的应用，将所应用到的所有文件复制到目标文件夹下面，如下：

y@y:wzhydyy$ ls
node_modules  package.json  public  server

4:使用forever运行应用：

wzhydyy$ forever start server/app.js

转载于:https://www.cnblogs.com/yshyee/p/4734273.html

yo angualr-fullstatck 项目打包部署相关推荐

Vue.js-Day09【项目实战(附带完整项目源码)-day04：用户个人中心页面、用户登录页面、将项目打包部署到服务器上、项目汇报、实训心得】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 实战项目源码[链接:https://pan.baidu.com/s/1r0Mje3Xnh8x4F1HyG4aQTA 提 ...
如何部署前端react项目到服务器,Vue、React前端项目打包部署
前端单页面应用部署前端打包上线部署方案之 hash路由模式对于hash路由模式打包的单页面应用,直接发布到服务器,使用nginx指向到对应文件目录即可,通用配置一般如下: location / { ...
Spring Boot基础学习笔记16：项目打包部署
文章目录零.学习目标一.Web项目打包部署概述二.Jar包方式打包部署 (一)添加Maven打包插件 (二)使用IDEA进行打包 (三)Jar包目录结构说明 (四)Jar包方式部署 1.在控制台 ...
vue项目打包部署-----解决打包后访问资源失败问题
vue项目打包部署-----解决打包后访问资源失败问题参考文章: (1)vue项目打包部署-----解决打包后访问资源失败问题 (2)https://www.cnblogs.com/ycsc/p/1 ...
SpringCloud项目打包部署
SpringCloud项目打包部署 1.父模块用maven 的 Lifecycle 2.打包生成jar 3.至此SpringCloud打包完成 ,运行jar包 1.父模块用maven 的 Lifec ...
Vue项目打包部署总结
由于之前对前端部署上线这一套不清楚,所以这次通过查找多方资料总结一下.使用Vue作先后端分离项目时,一般前端是单独部署,用户访问的也是前端项目地址,所以前端开发人员颇有必要熟悉一下项目部署的流程与各种 ...
Vue 项目打包部署实战完整流程总结!
使用Vue做前后端分离项目时,通常前端是单独部署,用户访问的也是前端项目地址,因此前端开发人员很有必要熟悉一下项目部署的流程与各类问题的解决办法了. Vue项目打包部署本身不复杂,不过一些前端同学可能 ...
vue项目打包部署流程
vue项目打包部署流程一.打包二.部署三.部署多个项目一.打包 (可选)去除打包后会生成的map文件:在vue.config.js中添加productionSourceMap: false, ...
vue项目打包部署到服务器,Vue项目打包部署到apache服务器的方法步骤
vue项目在开发环境下,让项目运行起来,是通过npm run dev命令,原理是在本地搭建了一个express服务器. 但是在服务器上就不是这样的,必须要通npm run build命令来对整个项目进 ...
vue项目打包部署nginx跨域
vue项目打包部署nginx跨域 vue项目连接外部api接口时,打包部署到nginx后出现api404,api跨域问题,这个时候需要给vue项目本身进行跨域,再配置nginx中进行跨域即可解决,详见 ...

yo angualr-fullstatck 项目打包部署

yo angualr-fullstatck 项目打包部署相关推荐

最新文章

热门文章