打包發布VUE專案

2021-10-10 20:33:37 字數 1260 閱讀 6031

適用於前後端分離專案,主要是打包前端**

核心命令

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 ...