Vue中使用vux的配置详解

发布时间：2020-12-17 02:58:45 所属栏目：百科来源：网络整理

导读：Vue中使用vux的配置，分为两种情况：一、根据vux文档直接安装，无需手动配置二、想在已创建的Vue工程里引入vue组件 . 在项目里安装vux . 安装vux-loader （这个vux文档似乎没介绍，当初没安装结果报了一堆错误） . 安装less-loader （这个是用以正确编译le

Vue中使用vux的配置，分为两种情况：

一、根据vux文档直接安装，无需手动配置

二、想在已创建的Vue工程里引入vue组件

<1>. 在项目里安装vux

<2>. 安装vux-loader （这个vux文档似乎没介绍，当初没安装结果报了一堆错误）

<3>. 安装less-loader （这个是用以正确编译less源码，否则会出现 ' Cannot GET / '）

<4>. 安装yaml-loader (以正确进行语言文件读取,我没安装似乎也没报错)

<div class="jb51code">
<pre class="brush:js;">
npm install yaml-loader --save-dev

<5>. 在build/webpack.base.conf.js 文件进行配置

// 原来的 module.exports 代码赋值给变量 webpackConfig，

//即将原来的module.exports 改为 const webpackConfig
module.exports = vuxLoader.merge(webpackConfig,{ plugins: ['vux-ui'] })

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!