vuecli3.0 webpack4 配置vuex

废话不说,直接写步骤css

1.vue

npm install vux --save

2.webpack

npm install less less-loader --save-dev

3.web

npm install @vux/loader --save-dev

4.npm

npm install yaml-loader --save-dev

 

使用,以toast为例:less

main.js:ui

import '@/styles/index.scss'
import { ToastPlugin } from 'vux'
 
其余组件使用:
this.$vux.toast.text('hello', 'top')

 

写在最后:this

估计都会遇到官网关于配置vux-loader方式报错问题,由于如今cli3.0已是用webpack4了,vux-loader也提供@vux/loader了,spa

项目根目录下新建vue.config.jscode

module.exports = {
  configureWebpack: config => {
    require('@vux/loader').merge(config, {
      options: {},
      plugins: ['vux-ui']
    })
  },
};
相关文章
相关标签/搜索