配置项 - mingliao/nuxt_elm GitHub Wiki

摘要

该项目是一个手机项目，需要配置项目默认的meta头信息。

env环境变量配置，配置一些自定义的环境变量。

插件编写，这个项目里面需要使用一些插件，如rem配置的脚本文件等，这些不需要处理成一个模块，可以当作一个插件来处理使用就好了。

meta

这个项目是一个手机端项目，需要配置一些meta头信息，有些meta如<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">是所有的页面都需要的，这个时候就可以使用 nuxt的Default Meta Tags 配置默认的meta 打开nuxt.config.js

 meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui' },
      { name: 'screen-orientation', content: 'portrait' },
      { name: 'apple-mobile-web-app-capable', content: 'yes' },
      { name: 'format-detection', content: 'telephone=no' },
      { name: 'full-screen', content: 'yes' },
      { name: 'x5-fullscreen', content: 'true' },
      { hid: 'description', name: 'description', content: 'Nuxt.js project' }
    ]

env

环境变量配置参考环境变量配置

原项目中系统配置项，比如baseurl，imgBaseUrl等写在src/config/env.js,这里我们将它全部移到nuxt.config.js

  env: {
    routerMode: 'history',
    baseUrl: '',
    proxyUrl: 'http://cangdu.org:8001',
    imgBaseUrl: 'http://images.cangdu.org/'
  },

plugin

插件的使用参考插件

• 在plugins文件夹下放置好相关插件
• 在nuxt.config.js做配置。

build配置项

项目中rem.js比较特殊，它不是作为一个插件引入了。更像是作为一个全局的静态文件导入的。 因为rem.js内部没有跟vue结合，它在项目启动的时候开始运行，所以要作为一个全局的静态文件导入。

rem.js需要打包进压缩后的vendor.js，可以参考build/vendor

• 在plugins文件夹下放置好相关插件，放在其他目录如assets目录应该也是可以的。
• 在nuxt.config.js做如下配置。

/*
  ** Build configuration
  */
  build: {
    /*
    ** Run ESLint on save
    */
    extend (config, ctx) {
      ....
    },
    vendor: ['~/plugins/rem/rem', '~/plugins/fetch/fetch', '~/plugins/axios/axios']
  }