nuxtjs 基本配置

一、修改页面访问IP及端口

在package.json文件中,增加如下代码

"config": {
    "nuxt":{
      "host":"localhost",
      "port":"8090"
    }
  },

nuxtjs 基本配置_第1张图片

二、引用全局css文件

在nuxt.config.js文件中,增加如下代码

css:['~文件路径'],

nuxtjs 基本配置_第2张图片

三、配置webpack的loader

在nuxt.config.js里是可以对webpack的基本配置进行覆盖的,比如现在我们要配置一个url-loader来进行小图片的64位打包。就可以在nuxt.config.js的build选项里进行配置。

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

你可能感兴趣的:(Vue)