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