1、修改build資料夾下的utils.js檔案
在options.extract的邏輯裡面增加 publicpath: '../../' ，防止處理打包後找不到靜態檔案
2、修改config資料夾下的index.js
修改assetspublicpath:'./' ,防止js檔案找不到
3、在vue專案根目錄，執行npm run build，會在專案根目錄的生成dist資料夾（後面nginx直接訪問資料夾）
4、配置nginx反向**，修改nginx .conf檔案，增加以下配置（window為例）
server
}5、瀏覽器輸入http://localhost:8080/index.html 訪問即可
vue cli專案webpack打包結構
每次我們拿到vue的專案，第一步都是先npm install載入其依賴，其然後是npm run dev執行這個專案，我很好奇其內部的怎樣執行的，就把這大概的流程走一走，以供參考。我們先來看一下package.json的目錄 每次當我們npm run dev的時候，其首先執行的是build webpa...
2 4 使用vue cli建立專案 專案打包 發布
eslint 用來做專案編碼規範檢查的工具 基本原理 定義了很多規則,檢查專案的 一旦發現違背了某個規則就輸出相應的提示資訊 有相應的配置,可定製檢查 命令 npm install g vue cli 全域性安裝vue腳手架，安裝完成到處可用 vue init webpack vue demo 建立...
vue cli 打包部署
1 一般打包 直接 npm run build。webpack的檔案，根據不同的命令，執行不同的 的 注 這種打包的靜態檔案，只能放在web伺服器中的根目錄下才能執行。2 在伺服器中 非根目錄下 執行的 打包 需要配置 參考 3 在本地檔案系統中開啟，不需要web伺服器 暫時 不清楚 4 使用 hi...