一、vue專案構建
首先電腦要安裝node.js及npm
vue.js的官方文件給出的構建流程：
#全域性安裝 vue-cli
$ npm install --global vue-cli
#建立乙個基於 webpack 模板的新專案
$ vue init webpack my-project
#安裝依賴，走你
$ cd my-project
$ npm install
$ npm run dev
二、vue專案的打包
#打包命令
$ npm run build
結果發現打包好後dist/index.html頁面裡的所有js,css,img等路徑有問題都是指向根目錄的。
此時需要修改config/index.js裡的assetspublicpath的字段，把初始專案裡的根目錄改為當前目錄，然後在執行打包命令，這是dist/index.html頁面就可以正常顯示了
- ./ 當前目錄
- ../ 父級目錄
- / 根目錄
三、發布
把dist檔案裡內容放到apache伺服器上正常訪問就可以了
---------------------
然後開啟自己本地伺服器位址就可以了
打包發布VUE專案
適用於前後端分離專案，主要是打包前端 核心命令 cnpm install cnpm run build就1個是安裝依賴包，1個是構建專案，最後生成 dist index.html static把這個推到環境就可以了 從我目前的線上經驗上呢 也遇到一些問題的 1.涉及到開發那邊新增了模組，我們這邊打包...
vue專案打包發布
打包 1 修改config裡面的index.js裡面的productionsourcemap為false,預設情況是true true代表打包環境是開發環境，可以進行除錯 false表示生產環境，正式上線的 2 找到assetspublicpath 鍵 將它從 變為了 3 在cmd裡面執行npm r...
vue專案 構建 打包 發布 三部曲
v 1 首先第一肯定是要有node.js及npm這個不多說了 2 安裝腳手架 1 大家都知道使用npm run build進行打包，這個時候你直接開啟dist 下的index.html,會發現檔案可以開啟，但是所有的js，css，img等路徑有問題是指向根目錄的，此時需要修改config index...