vue完成项目后,如何打包成静态文件
2017-06-27 21:21
916 查看
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代码
打包
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') 4000 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) } })
相关文章推荐
- vue完成项目后,如何打包成静态文件
- vue完成项目后,如何打包成静态文件,并且用Node调试
- vue完成项目后,打包成静态文件的方法
- 如何降低Vue.js项目中Webpack打包文件的大小?
- VUE打包好的文件部署让beego实现静态文件访问,如何用根目录来访问静态文件?
- 16.如何做到webpack打包vue项目后,可以修改配置文件
- MVC项目中,如何访问Views目录下的静态文件!
- 如何创建一个静态库文件,并打包在模拟器和真机上都可以使用。
- 转载 iPhone如何打包成一个通用的静态库文件(模拟器和真机都可以用)?
- java项目打包后如何读写项目中的文件
- 如何将一个JavaEE项目打包成War文件
- 如何将Java项目代码打包成exe文件
- iPhone如何打包成一个通用的静态库文件(模拟器和真机都可以用)
- ios如何打包成一个通用的静态库文件(模拟器和真机都可以用)
- 如何把使用到android res文件夹下面资源(R.xx.xx)的工程打包成jar文件,供其它项目使用
- django项目中如何把sitemap.xml等静态文件放到web根目录
- iPhone如何打包成一个通用的静态库文件
- Android 开发中,如何将多个程序打包成一个apk文件,但是安装完成后显示多个程序?
- 如何将C/C++项目打包成setup文件
- django开发项目实例2--如何链接图片和css文件(静态文件)