參考了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 外掛程式配置。...