這里其實(shí)就相當(dāng)于給uniapp h5套了一個(gè)vue-cli的殼（純屬個(gè)人感覺(jué)）
首先需要安裝vue-cli 腳手架
npm install -g @vue/cli
然后創(chuàng)建項(xiàng)目（這里需要在hbuilder創(chuàng)建）
vue create -p dcloudio/uni-preset-vue uniapp
安裝成功后它的結(jié)構(gòu)是目錄，
打開(kāi)項(xiàng)目查看package.json文件，所有對(duì)應(yīng)的命令都已經(jīng)有了
用命令運(yùn)行一下
cd uniapp
npm run dev
然后在把你的uniapp h5項(xiàng)目全部拷貝到 src文件下（這里除了node_modules不用拷貝）
拷貝完后 安裝你的項(xiàng)目中用到ui庫(kù)
比如npm install uview-ui@2.0.36
目前我自己的node 版本是16.19.0
然后運(yùn)行會(huì)報(bào) node-sass 未安裝，安裝版本太大會(huì)報(bào)錯(cuò) （或運(yùn)行不了）
最后解決辦法是
npm i -D sass
然后在運(yùn)行又報(bào)錯(cuò)
ES Modules may not assign module.exports or exports.*, Use ESM export syntax
這個(gè)網(wǎng)上查說(shuō)是因?yàn)轫?xiàng)目中用到了module.exports及require是屬于commonJS,而export default及import則屬于ES6
網(wǎng)上找到的方法說(shuō)在package.json 文件加"type": "commonjs" 我用沒(méi)有生效
最后解決方法 改為 export default
export default
然后在運(yùn)行 就出現(xiàn)了跨域問(wèn)題
解決方法
新建一個(gè)vue.config.js文件
// vue.config.js，如沒(méi)有此文件則手動(dòng)創(chuàng)建
module.exports = {
transpileDependencies: ['uview-ui'],
publicPath: './',
devServer: {
proxy: {
"/dev-api": {
target: "http://192.168.3.31:8080", //目標(biāo)接口域名
changeOrigin: true, //是否跨域
secure: true, // 設(shè)置支持https協(xié)議的代理
pathRewrite: {
///是否重寫(xiě)，重寫(xiě)路徑,就是將上面的/替換為''
"^/dev-api": ""
}
}
}
}
}
這里需要注意一下，如果uniapp 項(xiàng)目中的manifest.json里有代理需要?jiǎng)h除（我用的時(shí)候也報(bào)錯(cuò)運(yùn)行不起來(lái)）文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-848154.html
在運(yùn)行，我目前是成功了（以上是我用命令遇到的坑）文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-848154.html
到了這里，關(guān)于uniapp的h5項(xiàng)目 用命令起這個(gè)項(xiàng)目（vue-cli）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
