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)/
        })
      }
    }
  }