基於vue cli,做個nuxt腳手架

2021-09-11 11:26:04 字數 734 閱讀 4625

參考了nuxt的專案模版改了了下,可以省點事情~

主要整合了iview,@nuxtjs/axios,eslint(airbnb),一些相容的polyfill,pm2配置檔案

element-ui用法沒什麼兩樣,都可以由一些方式按需載入,之前試過iview,這裡懶得弄了,每次使用都要import,偷懶了

=> github

順便個人推廣下nuxt~

nuxt體驗上相對spa,優勢就不用說了,同構框架類似next,性質基本一樣,主要說下缺點

其他方面遇到的問題應該也不多,和spa區別不會太大。

目前我也在公司好幾個專案中重構用了這個框架,更新迭代中踩了不少坑,現在已經發布到了1.1.1,(好像上上週官方才公升級1.0,還因為以前用的node版本是7.8.0,而它盡然要求要8.0.0以上,最後還是決定公升級,和運維公升級了所有開發和生產所有的node版本,以前公升級幾次都多少有一些老專案報錯,然後回退了,這次由於很多專案都重構過了,過程還算問題不大,但也花了一天時間了,畢竟十個左右專案,dev,uat,prod各兩台伺服器。。。)

先安裝 vue-cli.

$ vue init bwcmall/nuxt my-project  

$ cd my-project

# install dependencies

$ npm install # or yarn install

複製**

安裝nuxt 一天上手Nuxt基於vue服務端渲染

下面會列舉一下開發中的盲點。目錄結構 布局layout layout中default.vue檔案加入以下 當然寫法有很多,根據自己喜歡的來。template 頭部123 新增error.vue頁面引導錯誤404頁面。404!src static 404.png width 240 2.監聽頁面間引數...

vue cli與nuxt在客戶端中應用環境變數

小夥伴們在業務中肯定或多或少用的專案變數 像這種process.env.node env 我麼可以根據環境變數來區分開發環境以及進行一系列判斷操作,玩意但要知道process是node存在的環境物件,在客戶端是不存在這玩意的,那萬一我想在例如.vue等客戶端檔案用呢咋辦,別急,vue cli跟nux...

Vue CLI 基於webpack構建優化

參考vue cli 基於webpack構建優化,資源打包與資源預壓縮 yarn add filemanager webpack plugin dev d 宣告外掛程式 const filemanagerplugin require filemanager webpack plugin 外掛程式配置。...