Vue 프로젝트를 정적 파일로 패키징하는 방법

vue 프로젝트를 정적 파일로 패키징하는 방법

Packaging

1. 구성에서 index.js의 ProductionSourceMap을 false로 수정합니다. 기본값은 true입니다(true는 패키징 환경이 개발 환경이고 디버깅할 수 있음을 의미합니다). ; false는 정식 출시된 프로덕션 환경을 의미합니다.)

2. cmd에서 npm run build를 실행합니다. (빌드의 build.js 파일이 실행됩니다.)

생성된 패키지는 dist

노드 사용 디버깅을 위해

1. 루트 디렉터리에 prod.server.js 파일을 만듭니다. 이 파일은 일반적인 개발 환경에서

prod.server 디버깅을 위해 dist에 있는 파일을 직접 넣을 수 있습니다. 코드

 /**  * 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)   
} 
})

위 내용은 Vue 프로젝트를 정적 파일로 패키징하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!