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']})
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。