vuecli3.0 webpack4 配置vuex
2024-08-30 20:02:39
废话不说,直接写步骤
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']
})
},
};
最新文章
- VS调试经常打断点打上之后没反应的问题
- C语言dll文件的说明以及生成、使用方法
- 题目1203:IP地址
- HR人力资源战略流程制定
- 使用getopt函数对windows命令行程序进行参数解析
- glReadPixels函数
- 19.python的编码问题
- 【译】使用 Python 编写虚拟机解释器
- JDK安装配置问题
- python calendar标准库基础学习
- 未能读取并闩锁页 (1:xxxxx)(用闩锁类型 SH)
- 深度神经网络(DNN)损失函数和激活函数的选择
- Decode String
- MiniGUI 如何显示繁体字
- 嵌套For循环性能优化案例
- 学习lambda表达式总结
- 在Java中进行序列化和反序列化
- maven+springmvc项目启动时,request mapping not found……
- SQL Server性能优化(10)非聚集索引的存储结构
- Codeforces Round #419 (Div. 2) B. Karen and Coffee