美文网首页
vux配置和mint-ui配置

vux配置和mint-ui配置

作者: 18fa100a8459 | 来源:发表于2018-05-31 18:16 被阅读0次

vux的配置步骤如下

vux官方地址

一、用cnpm下载三个模块

1.   cnpm install vux --save

2.   cnpm install vux-loader --save

3.   cnpm install  less-loader --save

二、请在build/webpack.base.conf.js里参照如下代码进行配置:

图一

注意事项:1.必须用cnpm安装,用npm安装时会报错

                  2.必须下载三个模块的内容,官网上没有后两块的下载说明,但也必须要下载

                 3.在webpack.base.config.js头部一定要 const vuxLoader = require('vux-loader')                         不然会报vuxLoader is not defined

mint-ui的配置步骤如下:

我们只演示按需引入的安装步骤,在项目里我们也推荐按需引入,减少项目的体积

1.cnpm install --save mint-ui

2.cnpm install babel-plugin-component -D

3.在.babelrc中去配置它:


图二

4.直接在组件中引入即可:

图三

注意:因为我们有了第二部的操作,所以我们不需要去引入mint-ui的css样式

相关文章

  • vux配置和mint-ui配置

    vux的配置步骤如下: vux官方地址 一、用cnpm下载三个模块 1. cnpm install vux --s...

  • 基于Vue-cli和Vux的webpack配置

    原文: juejin.im 基于vue-cli配置然后使用vux的webpack配置 配置目的 利用手淘flexi...

  • 前端wap项目UI框架 - vux

    一、简介 VUX 必须配合 vux-loader 使用,如果不使用 vux2 模板请按照文档正确配置。less@3...

  • vue 使用 vux

    不得不说一句 vux 的文档太难看了(包括页面设计),从配置到使用都有点折腾,做一个记录。 配置 vux 安装: ...

  • 基于vue-cli和vux的webpack配置

    基于vue-cli配置然后使用vux的webpack配置 配置目的 利用手淘flexible布局,字体需要根据dp...

  • vux的安装和配置

    第一步: 在vue项目中的package.json文件的dependencies中添加下面三行,即安装vux及其相...

  • vux手动配置

    1.使用vue-cli新建一个vue项目 2.安装vux所需依赖 3.在build/webpack.base.co...

  • vue-cli3按需引入mint-ui的toast

    安装mint-ui 配置与vue.config.js同级目录新建一个babel.config.js,配置如下: 使用

  • vux -- vue 手机端的 UI 组件库

    VUX githubVUX 中文文档 1. 想在已创建的Vue工程里引入vux组件 官方教程原文地址 安装 配置...

  • vux配置的坑

    先抛出一个没有配置vux的红 Property or method "$t" is not defined on ...

网友评论

      本文标题:vux配置和mint-ui配置

      本文链接:https://www.haomeiwen.com/subject/nevlaxtx.html