天天看點

app:利用HBuilder打包webpack項目

1.安裝HBuilder

2.将你的項目在HBuilder中打開

app:利用HBuilder打包webpack項目

3.控制台 打包編譯 

npm run build      
app:利用HBuilder打包webpack項目
app:利用HBuilder打包webpack項目

4.建立一個app項目,将項目編譯生成的dist檔案夾 ,複制到app項目中

app:利用HBuilder打包webpack項目
app:利用HBuilder打包webpack項目

5.輕按兩下manifest.json檔案,修改頁面入口,是否壓縮的選項

app:利用HBuilder打包webpack項目

  (appid 注冊登入後 則有)

app:利用HBuilder打包webpack項目

6.點選發行,打包原生

app:利用HBuilder打包webpack項目
app:利用HBuilder打包webpack項目

(會有彈框 一直點選是 即可 之後會彈出打包進度)

7.下載下傳安裝包 之後發送至手機 安裝後 檢視效果

app:利用HBuilder打包webpack項目

效果圖 :

app:利用HBuilder打包webpack項目

不過 有很多相容性的問題 不過是向大前端邁出一大步了 哈哈哈