vue3.0集成vux!
一、vue create demo创建脚手架项目,进入demo目录(cd demo)。
二、配置vux:
(1)在项目里面安装vux,cnpm install vux --save-dev。
(2)vux需要配合vux-loader使用,安装vux-loader,cnpm install vux-loader --save-dev。
(3)安装less,保证less正确编译,cnpm install less less-loader --save-dev。
(4)安装yaml,保证文件按照正确顺序读取,cnpm install yaml-loader --save-dev。
三、手动配置vue-loader:
yarn add [email protected] -D。
四、在工程的根目录下新建一个vue.config.js,内容为:
module.exports = {
configureWebpack: config => {
require('vux-loader').merge(config, {
options: {},
plugins: ['vux-ui']
})
}
}
注意:是在这个目录下新建vue.config.js。
五、新建一个组件,去vux官网复制一段源码,这里我复制的是vux的x-header源码,然后执行yarn serve命令,运行结果如下图,说明集成vux成功了:
注:有哪里不对的望指正,谢谢!