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'] }) }, };