写好的vue项⽬怎么打包成uniapp形式
vue的强项是vue的组件.组件是创建⽤户界⾯的.不仅仅是⽹页有⽤户界⾯.⼩程序和app都有⾃⼰的⽤户界⾯.vue既可以为⽹页创建⽤户界⾯.也可以为⼩程序和安卓.ios去创建⽤户界⾯.如果是为⽹页配置⽤户界⾯打包的就是html.css.js.
写的vue最终是会打包的.打包操作就是转化编译操作.他同意也是可以打包成wxml.wxs.wxss.都是使⽤webpack打包的.既然都是webpack所以都需要去配置webpack.我们使⽤的脚⼿架vue-cli.已经帮我们配置好了.最终执⾏命令就变成了html.css.那⼩程序就是使⽤uni-app.只要使⽤uni-app处理⼀下.那打包结果出来就是wxml.wxss.wxs.
uni-app还是强⼤的.还可以打包成安卓.ios.h5都是可以的
创建uni-app    vue create -p dcloudio/uni-preset-vue my-project  上下箭头如果不可⽤就使⽤d create -p dcloudio/uni-preset-vue my-project
npm run dev:mp-weixin
ni-app可以使⽤un--request获取参数,uni-app对⼤部分的请求进⾏了封装.如果没有传⼊ success / fail / complete 参数，则会返回封装后的Promise 对象.第⼀个参数是错误对象.第⼆个参数是返回的数据
写⼀个⽂件.导出⼀个函数.在mian.js⾥⾯导⼊.然后使⽤vue.use()挂载这个插件
import request from '../util/request'
const plugin = request({
baseUrl:'************'
})
Vue.use(plugin)  //挂载插件
main.js开始执⾏就导出⼀个函数.这个函数在vue.use()⾥⾯开始调⽤.
export default function(conig){
const {baseUrl }= config
return function (Vue){
Vue.prototype.http=saync funtion(params){
const {url,method,data} = params
const res =  quest({
url:baseUrl +"?"webpack打包流程 面试
})
return res[1].data
}
}
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。