關於nuxt.js

CSS 配置
如果要使用 sass 就必須要安裝 node-sass和sass-loader 。

npm install --save-dev node-sass sass-loader

在 nuxt.conf.js中，添加要使用的 CSS 資源：

Type: Array
Items: string

module.exports = {
  css: [
    // 直接加載一個 Node.js 模塊。（在這裏它是一個 Sass 文件）
    'bulma',
    // 項目裏要用的 CSS 文件
    '@/assets/css/main.css',
    // 項目裏要使用的 SCSS 文件
    '@/assets/css/main.scss'
  ]
}

loading 屬性配置
在頁面切換的時候，Nuxt.js 使用內置的加載組件顯示加載進度條。你可以定製它的樣式，禁用或者創建自己的加載組件。
在你的組件中你可以使用this.$nuxt.$loading.start()來啓動加載條。使用this.$nuxt.$loading.finish()來使加載條結束。

export default {
  mounted () {
    this.$nextTick(() => {
      this.$nuxt.$loading.start()

      setTimeout(() => this.$nuxt.$loading.finish(), 500)
    })
  }
 }

如果要在mounted方法中啓動它，請確保使用this.$nextTick來調用它，因爲$loading可能無法立即使用。

詳情文檔

---

您可以通過檢測process.server這個變量來控制插件中的某些腳本庫只在服務端使用。當值爲 true 表示是當前執行環境爲服務器中。 此外，可以通過檢查process.static是否爲true來判斷應用是否通過nuxt generator生成。您也可以組合process.server和process.static這兩個選項，確定當前狀態爲服務器端渲染且使用nuxt generate命令運行。