Nuxt 常用的配置項

1：在開發項目時 我們可能會遇到端口被占用或者指定IP的情況， 在Nuxt中 我們可以在page.json 文件中進行配置，例如希望IP配置成125.0.0.1，端口設置1616

"config":{
    "nuxt":{
      "host":"125.0.0.1",
      "port":"1616"
    }
  },

配置好之后。重新啟動項目即可生效

2：在開發項目時 ，我們經常會寫公有樣式，這樣可以簡單重復代碼量，在Nuxt中， 首先我們在assets文件夾內新建一個css文件夾 然后新建一個global.css

html {
  color： #9e9e9e  
}

之后我們在nuxt.config.js中， 我們只需要引入這個公有樣式就好

css:['~assets/css/global.css']

配置好之后。重新啟動項目即可生效

3.配置loader

在nuxt.config.js里是可以對webpack的基本配置進行覆蓋的，比如現在我們要配置一個url-loader來進行小圖片的64位打包。就可以在nuxt.config.js的build選項里進行配置

build: {

    loaders:[
      {
        test:/\.(png|jpe?g|gif|svg)$/,
        loader:"url-loader",
        query:{
          limit:10000,
          name:'img/[name].[hash].[ext]'
        }
      }
    ],

    /*
    ** Run ESLint on save
    */
    extend (config, { isDev, isClient }) {
      if (isDev && isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/
        })
      }
    }
  }