Vue中使用vux的配置详解
Vue中使用vux的配置,分为两种情况:
一、根据vux文档直接安装,无需手动配置
npminstallvue-cli-g//如果还没安装 vueinitairyland/vux2my-project//创建名为my-project的模板 cdmy-project//进入项目 npminstall--registry=https://registry.npm.taobao.org//开始安装 npmrundev//运行项目
二、想在已创建的Vue工程里引入vue组件
<1>.在项目里安装vux
npminstallvux--save
<2>.安装vux-loader(这个vux文档似乎没介绍,当初没安装结果报了一堆错误)
npminstallvux-loader--save-dev
<3>.安装less-loader (这个是用以正确编译less源码,否则会出现'CannotGET/')
npminstalllessless-loader--save-dev
<4>.安装yaml-loader (以正确进行语言文件读取,我没安装似乎也没报错)
npminstallyaml-loader--save-dev
<5>.在build/webpack.base.conf.js文件进行配置
constvuxLoader=require('vux-loader')
constwebpackConfig=originalConfig
//原来的module.exports代码赋值给变量webpackConfig,
//即将原来的module.exports改为constwebpackConfig
module.exports=vuxLoader.merge(webpackConfig,{plugins:['vux-ui']})
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
热门推荐
2 红丝绒戚风蛋糕
3 夹心小甜点
4 南瓜甜点
6 粘米粉蒸蛋糕
7 酸奶华夫饼
9 红柚鸡蛋糕
10 葡萄干蛋糕
11 紫薯蛋糕卷
13 纸杯裱花小蛋糕
14 果酱奶酪蛋糕
15 日式樱花蔓越莓大福
16 草莓蛋糕卷
17 卡仕达长崎杯子蛋糕