在Vue中配置Vux有两种方式

一、创建新项目中引用

   1. npm install vue-cli -g  //已安装的不用

2.vue init airyland/vux2 my-project  //创建my-project项目

3.cd my-project  //进入该项目

4.npm install  //安装依赖

5.npm run dev  //运行项目


二、在已有项目引用

1.安装vux

npm install vux -- save

2.安装vux-loader

npm intall vux-loader --save-dev

3.安装less-loader(正确编译less源码,否则会报'cannot GET'错误)

npm install less less-loader --save-dev

4.安装yaml-loader (以正确的语言文件读取)

npm install yaml-loader --save-dev

5.在build/webpack.base.conf.js中配置

const vuxLoader = require("vux-loader");

const webpackConfig = originalConfig;  //将原来的module.exports赋值给变量webpackConfig

module.exports = vuxLoader.merge(webpackConfig,{plugins:['vux-ui']});


以上就是本文的所有内容,如有什么疑问留言,大家互相进步


Logo

前往低代码交流专区

更多推荐