vue完成项目后,如何打包成静态文件,并且用Node调试
来源:互联网 发布:互普威盾阻止软件安装 编辑:程序博客网 时间:2024/05/22 07:04
vue完成项目后,如何打包成静态文件,并且用Node调试
打包
1、修改config里面的index.js里面的productionSourceMap为false,默认情况是true(true代表打包环境是开发环境,可以进行调试;false表示生产环境,正式上线的)
2.在cmd里面运行npm run build,(运行的是build里面的build.js文件)
生成的包放在dist下面
使用node进行调试
1、在根目录下创建prod.server.js文件,这个文件的作用是作为一个小的httpserver,在正常开发下,可以直接把dist里面的文件放到tomcat里面进行调试
prod.server.js代码
/** * Created by Administrator on 2017/2/22. */ var express = require('express') var config = require('./config/index') var port = process.env.PORT || config.build.port var app= express() var router = express.Router() router.get('/',function (req, res, next) { req.url = '/index.html' next() }) app.use(router) //异步接口var seller=require('./src/data/data.json')var apiRoutes = express.Router()apiRoutes.get('/seller',function (req,res) { res.json({ data:seller })})app.use('/api', apiRoutes); //定义express静态目录 app.use(express.static('./dist')) var autoOpenBrowser = !!config.dev.autoOpenBrowser var uri = 'http://localhost:' + port var opn = require('opn') //启动express module.exports = app.listen(port, function (err) { if (err) { console.log(err) return } // when env is testing, don't need open it if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') { opn(uri) } })
阅读全文
0 0
- vue完成项目后,如何打包成静态文件,并且用Node调试
- vue完成项目后,如何打包成静态文件
- vue完成项目后,如何打包成静态文件
- 用webpack打包vue项目后,静态资源路径失效问题
- 如何调试Vue项目
- 【vue】webpack打包vue项目并且运行在Tomcat里面
- 项目完成后完成版本更改,调试
- vue之项目静态资源打包
- java项目打包后如何读写项目中的文件
- vue打包项目后正确显示图片
- vue项目打包后打开空白解决办法
- vue打包后index文件一片空白
- Android 开发中,如何将多个程序打包成一个apk文件,但是安装完成后显示多个程序?
- webpack打包vue项目后,一些文件图片路径找不到的问题解决办法
- vue编译后静态文件的访问
- 用Cordova打包Vue项目
- 如何使用webpack打包vue项目?
- ci项目完成后隐藏入口文件,开启为静态,缓存
- 5G网络承载
- 【LeetCode算法练习(C语言)】Longest Substring Without Repeating Characters
- hdu2087 剪花布条(kmp基础变形)
- 参数的初始化
- PHP和Laravel时间问题
- vue完成项目后,如何打包成静态文件,并且用Node调试
- Java websocket简单使用
- python 各种删除文件失败的处理方式
- screenY,pageY,clientY
- STM32学习笔记4:外部中断
- Linux系统编程——文件描述符的复制:dup()和dup2()
- db2数据库用户赋权
- 数据库事务隔离级别
- hadoop学习笔记-单节点配置