> 웹 프론트엔드 > JS 튜토리얼 > Vue 프로젝트를 정적 파일로 패키징하는 방법

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

一个新手
풀어 주다: 2017-09-07 13:16:37
원래의
3117명이 탐색했습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿