vuecli3.0 webpack4 配置vuex

廢話不說，直接寫步驟

1.

npm install vux --save

2.

npm install less less-loader --save-dev

3.

npm install @vux/loader --save-dev

4.

npm install yaml-loader --save-dev

 

使用，以toast爲例：

main.js:

import '@/styles/index.scss'
import { ToastPlugin } from 'vux'

 

其餘組件使用：

this.$vux.toast.text('hello', 'top')

 

寫在最後：

估計都會遇到官網關於配置vux-loader方式報錯問題，由於如今cli3.0已是用webpack4了，vux-loader也提供@vux/loader了，

項目根目錄下新建vue.config.js

module.exports = {
  configureWebpack: config => {
    require('@vux/loader').merge(config, {
      options: {},
      plugins: ['vux-ui']
    })
  },
};