Vue2專案架構搭建(九) 打包專案

2021-08-14 21:33:35 字數 540 閱讀 8756

vue開發的東西基礎架構已經搭建完成,還有很多關聯的外掛程式,具體等以後用到再補充,最後就是專案打包。

vue-cli已經配置好打包工具,只需要我們在當前專案下build就好,連續兩次ctrl + c 退出服務啟動,執行

npm run bulid
下圖顯示完成打包和生成的檔案目錄:

打包完成後,專案目錄會自動生成打包生成的dist資料夾,證明打包成功了。

打包完成後會提示必須放在http server上才能執行,直接開啟index.html不能工作,但是我們之前就已經有http server,而且打包的目錄在當前專案下,只需把目錄改到dist就行了。先跑服務:

npm run dev
修改瀏覽器鏈結,指向打包路徑 http ://localhost:8080/dist/index.html,效果一模一樣,直接把dist資料夾下內容扔到伺服器就ok了。

基於requirejs的vue2專案 三

這裡是打包篇 使用的是requirejs的r.js進行打包 思路是,通過entrance.js裡面的require.config進行專案的初打包 因為router.js和store.js裡面的引用是動態生成的,所以r.js無法對其進行處理,這裡我們用到了nodejs來進行檔案整合 具體看 node2...

基於requirejs的vue2專案 一

專案截圖 專案演示位址 該專案主要是解決 如何讓不了解前端構建,並負責大部分業務邏輯的後端 開發出 乙個單頁應用 覺得有用請給個推薦,謝謝 最近做了一次小更新,配置檔案可以配置模組是否非同步載入以及是否關聯store 公司推進手機端專案,但目前開發模式依舊是後端渲染為主,後端開發對前端的自動化打包與...

vue2專案使用axios傳送請求

前言 在vue1.0的時候有乙個官方推薦的 ajax 外掛程式 vue resource,但是自從 vue 更新到 2.0 之後,官方就不再更新 vue resource。目前主流的 vue 專案,都選擇 axios 來完成 ajax 請求,下面來具體介紹一下axios的使用。專案中安裝axios ...