.
├── README.md
├── build                   # build 脚本
├── config                  # prod/dev build config 文件
├── hera                    # 代码发布上线
├── index.html              # 最基础的网页
├── package.json
├── src                     # Vue.js 核心业务
│   ├── App.vue             # App Root Component
│   ├── api                 # 接入后端服务的基础 API
│   ├── assets              # 静态文件
│   ├── components          # 组件
│   ├── event-bus           # Event Bus 事件总线，类似 EventEmitter
│   ├── main.js             # Vue 入口文件
│   ├── router              # 路由
│   ├── service             # 服务
│   ├── store               # Vuex 状态管理
│   ├── util                # 通用 utility，directive, mixin 还有绑定到 Vue.prototype 的函数
│   └── view                # 各个页面
├── static                  # DevServer 静态文件
└── test                    # 测试

config
├── dev.conf
│   └── index.js
├── init-tpl
│   ├── metadata.js
│   └── template
│       └── index.js
├── index.js
├── dev.env.js
├── prod.env.js
└── test.env.js

// .gitignore

config/dev.conf

var loaderUtils = require('loader-utils')
var qcdn = require('@q/qcdn')

module.exports = function(content) {
  this.cacheable && this.cacheable()
  var query = loaderUtils.getOptions(this) || {}

  if (query.disable) {
    var urlLoader = require('url-loader')
    return urlLoader.call(this, content)
  }

  var callback = this.async()
  var ext = loaderUtils.interpolateName(this, '[ext]', {content: content})

  qcdn.content(content, ext)
    .then(function upload(url) {
      callback(null, 'module.exports = ' + JSON.stringify(url))
    })
    .catch(callback)
}

module.exports.raw = true

var qcdn = require('@q/qcdn')

function CdnAssetsHtmlWebpackPlugin (options) {}

CdnAssetsHtmlWebpackPlugin.prototype.apply = function (compiler) {
  compiler.plugin('compilation', function(compilation) {
    var extMap = {
      script: {
        ext: 'js',
        src: 'src'
      },
      link: {
        ext: 'css',
        src: 'href'
      },
    }

    compilation.plugin('html-webpack-plugin-alter-asset-tags', function(htmlPluginData, callback) {
      console.log('> Static file uploading cdn...')

      var bodys = htmlPluginData.body.map(upload('body'))
      var heads = htmlPluginData.head.map(upload('head'))

      function upload (type) {
        return function (item, i) {
          if (!extMap[item.tagName]) return Promise.resolve()
          var source = compilation.assets[item.attributes[extMap[item.tagName].src].replace(/^(\/)*/g, '')].source()
          return qcdn.content(source, extMap[item.tagName].ext)
            .then(function qcdnDone(url) {
              htmlPluginData[type][i].attributes[extMap[item.tagName].src] = url
              return url
            })
        }
      }

      Promise.all(heads.concat(bodys))
        .then(function (result) {
          console.log('> Static file upload cdn done!')
          callback(null, htmlPluginData)
        })
        .catch(callback)
    })
  })
}

module.exports = CdnAssetsHtmlWebpackPlugin

category: {
  addImpl: true,
  deleteImpl: true,
  editImpl: true,
  itemImpl: true,
  getCategoryParentsImpl: true,
  listImpl: true,
  searchImpl: true
}

// or

category: false

const router = new Router({
  mode: 'history',
  routes: [
    {
      path: '/category',
      name: 'category',
      component: Category,
      meta: {
        permission: 'category'
      }
    }
  ]
})

const permission = {
  category: {
    addImpl: true,
    deleteImpl: true,
    editImpl: true,
    itemImpl: true,
    getCategoryParentsImpl: true,
    listImpl: true,
    searchImpl: true
  }
}

router.beforeEach(function (to, from, next) {
  if (permission[to.meta.permission] === false) {
    router.push({name: 'error-authorize'})
    return false
  }
  next()
})

axios.interceptors.response.use(function (response) {
  if (response.data.errno !== 0) {
    Bus.$emit('message', {
      message: response.data.msg || '服务器发生错误',
      type: 'error'
    })
    return Promise.reject(response)
  }
  return response
}, function (error) {
  return Promise.reject(error)
})

<el-button
  type="danger"
  size="mini"
  @click="remove(scope.row.id)"
  v-if="permission.category.deleteImpl">
  删除
</el-button>

computed: {
  ...mapState({
    permission: state => state.user.permission
  })
}