vue完成项目后,如何打包成静态文件,并且用节点调试
1,修改配置里面的index.js里面的productionSourceMap为false,默认情况是真实的(真正的代表打包环境是开发环境,可以进行调试;假表示生产环境,正式上线的)
2。在cmd里面运行npm运行构建,(运行的是构建里面的build.js文件)
1,在根目录下创建prod.server.js文件,这个文件的作用是作为一个小的httpserver,在正常开发下,可以直接把dist里面的文件放到tomcat里面进行调试
<强> prod.server.js代码
/* *
*由管理员>
var卖家=要求(“。/src/数据/data.json”)
var apiRoutes=express.Router ()
apiRoutes。(/卖方,函数(点播,res) {
res.json ({
数据:卖方
}）
})
app.use (/api, apiRoutes);//定义表达静态目录app.use (express.static ('/dist。')) var autoOpenBrowser=! ! config.dev.autoOpenBrowser var uri=' http://localhost ' +端口var opn=要求(opn)//启动表达模块。出口=app.listen(港口、功能(err){如果(err) {console.log (err)返回}//env测试时,如果不需要打开它(autoOpenBrowser,,process.env。NODE_ENV !=='测试'){opn (uri)}})
以上这篇vue完成项目后,打包成静态文件的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
