Lara Blog

Home News 我每天接一個Api 套件工具 JavaScript & ES6 TypeScript 前端 樣式 後端/Database 容器 版控 關於我
2024-03-29
Vue,Vue Cli,VueCli build,VueCli 打包

VueCli 打包

VueCli 打包

在config/index.js
assetsPublicPath配置（兩個都要改路徑）
./
執行指令

1
2
npm run build

會產出一個dist文件，將dist文件上傳到服務器

Share
  • javascript
Newer
Vite 分頁邏輯與搜尋功能(語法糖)
Older
VueCli Event Bus

分類

  • -JavaScript & ES6
  • -Vite
  • -javascript,
  • Angular
  • Angular SSR
  • Css
  • Dayjs
  • Docker
  • Emailjs
  • Firebase
  • Google Driver
  • Google Mail Api
  • Google Sheet
  • MongoDB
  • Promise
  • Style
  • Typescript
  • Vite
  • Vite ,Vite Vue 菜單Active
  • Vite ,Vite Vue 驗證碼
  • Vite ,Vite 表單父傳子的綁定
  • Vite Angular 安裝
  • Vite Sass安裝
  • Vite Tailwind
  • Vite Unit Test,Vite Vue單元測試實例-登入
  • Vite Unit Test,Vite 單元測試
  • Vite Unit Test,Vite 測試價值
  • Vite Vue SSr 專案
  • Vue
  • Vue,Object.assign js
  • Vue,Vue Class ,Vue Style
  • Vue,Vue Cli
  • Vue,Vue Cli,VueCli Event Bus
  • Vue,Vue Cli,VueCli Prop 父傳子
  • Vue,Vue Cli,VueCli Unit Test
  • Vue,Vue Cli,VueCli axios
  • Vue,Vue Cli,VueCli build,VueCli 打包
  • Vue,Vue Cli,VueCli watch
  • Vue,Vue 框架的核心原理
  • Vue,Vue 菜單active
  • Vue,reduce js
  • dom
  • javascript
  • js Event Loop
  • package
  • 正則表達式

標籤

  • Angular
  • Angular Bootstrop
  • Angular ChangeDetectionStrategy.OnPush
  • Angular Data Serve
  • Angular HttpClient
  • Angular Pipe
  • Angular Router CanActivate
  • Angular Router CanActivate路由導航守衛
  • Angular SSR預渲染的建置選項
  • Angular Signal API
  • Angular ViewChild
  • Angular binging
  • Angular ng-bootstrap 分頁搜尋排序
  • Angular 分頁套件
  • Angular 表單驗證
  • Angular 防止冒泡
  • Angular 預先載入資料Resolve
  • Angular環境變數
  • Angular目錄
  • Animation
  • Api
  • Array.from()
  • Array.of()
  • BehaviorSubject
  • CRUD
  • CSRF
  • CSS 過長文字自動以「…」
  • Css
  • Css nth-child 選擇器
  • Css 的優先權
  • Css3
  • CssImg Filter
  • CssTransition
  • DB
  • Darker 指令與啟動
  • Database
  • Dayjs
  • Docker
  • ESLint
  • Emailjs
  • Event Loop
  • Firebase
  • Flex
  • Flutter
  • FortAwesome/vue-fontawesome FortAwesome
  • Fullcalendar
  • Gap
  • Geolocation API
  • Git
  • Google Driver
  • Google Sheet
  • HTTP
  • Html
  • Html 表單
  • Javascript
  • Media Queries
  • MongoDB
  • MySql
  • Node
  • Node express
  • Node express MySql
  • Node express Vercel
  • Node版本任你切換
  • Nuxt
  • Nuxt3
  • Object.assign()
  • Object.entries
  • Object.keys
  • Object.values
  • Pinia
  • Pipe
  • Promise
  • Quasar Vite Vue3
  • React
  • React Hook Form
  • Realtime Database
  • Sass
  • Scss
  • SheetJs
  • Slot
  • SourceTree
  • Style
  • Stylelint
  • Swiper
  • Tables
  • TelePort
  • Time
  • TypeScript
  • Typescript
  • Vite
  • Vite 分頁邏輯與搜尋功能(語法糖)
  • Vite 導出Excel(語法糖)
  • Vite Angular
  • Vite Angular 安裝
  • Vite Axios封裝
  • Vite Fetch串接
  • Vite Pwa
  • Vite React客戶端清除緩存
  • Vite Vue 麵包屑拖曳(語法糖)
  • Vite auto router
  • Vite 打包優化
  • Vue
  • Vue gtag
  • Vue3
  • Vue3 FaceBook 第三方登入
  • Vue3 生命週期
  • Vuex
  • Webpack
  • addEventListener
  • audio
  • calc()
  • canvas
  • cookie-session的驗證機制
  • css
  • css Hover
  • currentTime
  • dom
  • dotenv
  • element plus
  • element-plus
  • element-plus 父子間的通訊
  • element-plus 表單驗證
  • entries()
  • es6
  • express
  • figma
  • flatMap()
  • forEach()
  • forEach遍歷 加總
  • forEatch
  • for迴圈
  • fullcalendar
  • gmail
  • i18n語系包 ts
  • imgur
  • javascript
  • javascrit
  • javascrit forEath
  • javascrit map()
  • join()
  • jquery
  • js switch
  • js-audio-recorder
  • json-server
  • keydown
  • localStorage
  • macMySql xampp 安裝
  • macMySql安裝
  • middleware
  • moment
  • multer
  • nodemailer
  • npm
  • nth-child
  • nvm
  • object-fit
  • pnpm 安裝
  • querySelector 綁定class
  • reduce()
  • sessionStorage
  • setInterval
  • sort()
  • swagger
  • time
  • transform scale()
  • try catch
  • type 與 interface 區別
  • useRoute
  • useRouter
  • vite vue
  • vue
  • yarn
  • 出勤系統
  • 出勤行事曆
  • 判斷型別
  • 前端頁面部署
  • 加法赋值运算符
  • 單元測試 describe & it
  • 後端
  • 打包
  • 正則表達式
  • 版控
  • 獲取元素 HTML
  • 純javascript 輪播
  • 自動修正 lint 錯誤和程式碼排版
  • 註冊與登出api
  • 語法糖
  • 資料庫
  • 錄音
  • 錄音播放
  • 閉包
  • 非被動事件偵聽器到滾動阻塞“touchstart”

標籤雲

Angular Angular Bootstrop Angular ChangeDetectionStrategy.OnPush Angular Data Serve Angular HttpClient Angular Pipe Angular Router CanActivate Angular Router CanActivate路由導航守衛 Angular SSR預渲染的建置選項 Angular Signal API Angular ViewChild Angular binging Angular ng-bootstrap 分頁搜尋排序 Angular 分頁套件 Angular 表單驗證 Angular 防止冒泡 Angular 預先載入資料Resolve Angular環境變數 Angular目錄 Animation Api Array.from() Array.of() BehaviorSubject CRUD CSRF CSS 過長文字自動以「…」 Css Css nth-child 選擇器 Css 的優先權 Css3 CssImg Filter CssTransition DB Darker 指令與啟動 Database Dayjs Docker ESLint Emailjs Event Loop Firebase Flex Flutter FortAwesome/vue-fontawesome FortAwesome Fullcalendar Gap Geolocation API Git Google Driver Google Sheet HTTP Html Html 表單 Javascript Media Queries MongoDB MySql Node Node express Node express MySql Node express Vercel Node版本任你切換 Nuxt Nuxt3 Object.assign() Object.entries Object.keys Object.values Pinia Pipe Promise Quasar Vite Vue3 React React Hook Form Realtime Database Sass Scss SheetJs Slot SourceTree Style Stylelint Swiper Tables TelePort Time TypeScript Typescript Vite Vite 分頁邏輯與搜尋功能(語法糖) Vite 導出Excel(語法糖) Vite Angular Vite Angular 安裝 Vite Axios封裝 Vite Fetch串接 Vite Pwa Vite React客戶端清除緩存 Vite Vue 麵包屑拖曳(語法糖) Vite auto router Vite 打包優化 Vue Vue gtag Vue3 Vue3 FaceBook 第三方登入 Vue3 生命週期 Vuex Webpack addEventListener audio calc() canvas cookie-session的驗證機制 css css Hover currentTime dom dotenv element plus element-plus element-plus 父子間的通訊 element-plus 表單驗證 entries() es6 express figma flatMap() forEach() forEach遍歷 加總 forEatch for迴圈 fullcalendar gmail i18n語系包 ts imgur javascript javascrit javascrit forEath javascrit map() join() jquery js switch js-audio-recorder json-server keydown localStorage macMySql xampp 安裝 macMySql安裝 middleware moment multer nodemailer npm nth-child nvm object-fit pnpm 安裝 querySelector 綁定class reduce() sessionStorage setInterval sort() swagger time transform scale() try catch type 與 interface 區別 useRoute useRouter vite vue vue yarn 出勤系統 出勤行事曆 判斷型別 前端頁面部署 加法赋值运算符 單元測試 describe & it 後端 打包 正則表達式 版控 獲取元素 HTML 純javascript 輪播 自動修正 lint 錯誤和程式碼排版 註冊與登出api 語法糖 資料庫 錄音 錄音播放 閉包 非被動事件偵聽器到滾動阻塞“touchstart”

彙整

  • 四月 2025
  • 三月 2025
  • 二月 2025
  • 一月 2025
  • 十二月 2024
  • 十一月 2024
  • 九月 2024
  • 八月 2024
  • 七月 2024
  • 六月 2024
  • 五月 2024
  • 四月 2024
  • 三月 2024
  • 二月 2024
  • 一月 2024
  • 十一月 2023
  • 十月 2023
  • 七月 2023
  • 六月 2023
  • 五月 2023
  • 四月 2023
  • 三月 2023
  • 二月 2023
  • 一月 2023
  • 十二月 2022
  • 十一月 2022
  • 四月 2022
  • 一月 2022
  • 四月 2005

最新文章

  • dom
  • Css 前綴詞
  • js Event Loop
  • (no title)
  • (no title)
© 2025 Lara Huang
Powered by Hexo
Home News 我每天接一個Api 套件工具 JavaScript & ES6 TypeScript 前端 樣式 後端/Database 容器 版控 關於我