# 配置Vue技术栈

# 基本使用

1、安装vue依赖包

npm install --save-dev vue-loader vue-template-compiler

npm install --save vue

2、配置webpack.config.js支持vue

//webpack.config.js

const VueLoaderPlugin = require('vue-loader/lib/plugin')

module.exports = {
  resolve: {
    extensions: ['.js', '.json', '.vue'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js'
    }
  },
  module: {
    rules: [{
      test: /\.vue$/,
      loader: 'vue-loader'
    }]
  },
  plugins: [
    new VueLoaderPlugin()
  ]
}

CYB默认已集成webpack-hot-middleware,配置完成vue-loader，CYB会默认支持vue的模块热替换功能(hot module replacement)。

# 高级使用

项目中可自行安装vue-router、vuex等扩展

npm install --save vue-router vuex

CYB默认已配置样式编译(css、less、sass/scss、stylus)的配置，无需安装vue-style-loader。

# 更多参考

vue-router:https://router.vuejs.org/

vuex:https://vuex.vuejs.org/