適用於前後端分離專案,主要是打包前端**
核心命令
cnpm install
cnpm run build
就1個是安裝依賴包,1個是構建專案,最後生成
dist/index.html static
把這個推到環境就可以了
從我目前的線上經驗上呢 也遇到一些問題的
1.涉及到開發那邊新增了模組,我們這邊打包就會有問題,這裡需要看日誌,問下開發需要安裝什麼模組,再重新打包完
2.還有一些問題是涉及到開發告訴你構建時,需要改下檔案什麼的
+ cnpm install
✔ installed 40 packages
✔ linked 0 latest versions
✔ run 0 scripts
✔ all packages installed (used 43ms(network 40ms)
, speed 0b/s, json 0(0b)
, tarball 0b)+rm
-rf /root/
.jenkins/workspace/webmail2.0-vue-test/node_modules/[email protected]@wangeditor/dist/js/wangeditor.js+cp
/root/jenkins/editer/wangeditor.js /root/
.jenkins/workspace/webmail2.0-vue-test/node_modules/[email protected]@wangeditor/dist/js/+rm
-rf /root/
.jenkins/workspace/webmail2.0-vue-test/node_modules/wangeditor/dist/css/wangeditor.css+cp
/root/jenkins/editer/wangeditor.css /root/
.jenkins/workspace/webmail2.0-vue-test/node_modules/wangeditor/dist/css/
+ cnpm run build
這裡就涉及到這樣的問題 開發會告訴你具體那個目錄,需要替換哪個檔案
先進行
cnpm install 進行安裝依賴包等操作
然後做這些替換操作
cnpm run build 構建專案
這樣就可以了 vue專案打包發布
打包 1 修改config裡面的index.js裡面的productionsourcemap為false,預設情況是true true代表打包環境是開發環境,可以進行除錯 false表示生產環境,正式上線的 2 找到assetspublicpath 鍵 將它從 變為了 3 在cmd裡面執行npm r...
vue動態發布到線上 Vue 打包並發布專案
一 打包vue專案步驟 1 對當前vue專案進行打包的命令如下 npm run build 2 打包完成,會輸出build complete並且在vue專案中會生成乙個名字為dist的打包檔案。如下圖 二 使用靜態伺服器工具包發布打包的vue專案 1 首先安裝全域性的serve,如下圖 命令如下 s...
vue專案構建 打包 發布 簡易demo
一 vue專案構建 首先電腦要安裝node.js及npm vue.js的官方文件給出的構建流程 全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模板的新專案 vue init webpack my project 安裝依賴,走你 cd ...