5.創建項目-上線打包項目

說明:
項目核心代碼都在項目文件的src中,須將src裏的文件進行打包。將核心模塊打包(構建成低版本的),壓縮等需要通過webpack來做。現在只是通過babel將整個項目的高階語法轉換給低階語法。
在這裏插入圖片描述

  1. 在項目中打開終端面板,執行命令 babel src -d dist;意思就是把src中的高階文件,轉換成低階的,並生成一個dist文件夾。如圖
    在這裏插入圖片描述
    此時項目中多了一個dist文件夾,內包含一個轉換後的app.js文件
    在這裏插入圖片描述
  2. 以後上線運行的就是dist文件裏的內容,如果要運行dist的內容,需要在package.json裏面進行配置。打開package.json文件:先npm run build 再npm run start.就是先打包,再運行
    在這裏插入圖片描述
    開始啓動:
    在這裏插入圖片描述
    線上項目已經啓動,注意是先打包,再運行,先npm run build 再npm run start;
    生產環境是npm run dev.
    通過這種命令版的形式運行有一個問題就是不能關掉命令板,關掉後,就無法訪問,爲解決這個問題,後期會使用pm2來解決

至此,服務器已經完成啓動!!!!!!!!!!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章