Vue中使用vux的配置

Posted nicest

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue中使用vux的配置相关的知识,希望对你有一定的参考价值。

1、进入项目

2、安装使用

npm install vux --save

3、vux2必须配合vux-loader使用,安装vux-loader

npm install vux-loader --save-dev

4、安装less-loader  (这个是用以正确编译less源码,否则会出现 ‘ Cannot GET / ‘)

npm install less less-loader --save-dev

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

const vuxLoader = require(‘vux-loader‘)
const webpackConfig = originalConfig // 原来的 module.exports 代码赋值给变量 webpackConfig,即 将原来的module.exports 改为 const webpackConfig
module.exports = vuxLoader.merge(webpackConfig, { plugins: [‘vux-ui‘] })

  备注:记得要在build/webpack.base.conf.js加入less 

extensions: [‘.js‘, ‘.vue‘, ‘.json‘],

  加入之后

extensions: [‘.js‘, ‘.vue‘, ‘.json‘, ‘.less‘],

  


以上是关于Vue中使用vux的配置的主要内容,如果未能解决你的问题,请参考以下文章

vue项目中vux的使用

vue+vux+es6+webpack移动端常用配置步骤

vux+vuex+vue+Es6开发微信公众号的坑

vue项目中安装使用vux

vux 项目的构建

vue 中引入vux