uni-pages-hot-modules插件：uni-app的pages.json的模块化及模块热重载

uni-pages-hot-modules

uni-app的pages.json的模块化及模块热重载

---

---

uni-app的pages.json的模块化及模块热重载

解决uni-app的pages.json无法模块化的问题，并且解决模块热重载和缓存的问题

安装

npm i uni-pages-hot-modules -S

uni-app vite版本(vue3)示例项目
uni-app webpack版本(vue2)示例项目

---

---

uniapp 版本分界线说明

vue3 vite版本 使用说明

uniapp vue3 vite版本已不再默认支持pages.js的钩子，所以uni-pages-hot-modules的使用方式转变为直接在pages.json中通过特殊的条件编译命令插入js入口，一种非常cool的使用方式！

{"pages": /* #exec hotJs('./page_modules/index.js') */,"subPackages": /* #exec hotJs('./subpackage_modules/index.js') */,"globalStyle": {"navigationBarTextStyle": "black","navigationBarTitleText": "uni-app","navigationBarBackgroundColor": "#F8F8F8","backgroundColor": "#F8F8F8"}
}

或者: 直接将整个pages.json都托管到一个js中，比如托管给pages.js，那么直接将整个pages.json的内容设置成如下的一行注释即可

// #exec hotJs('./pages.js')

然后在pages.json相同的路径下建立pages.js

// /src/pages.js
module.exports = {pages: require('./page_modules/index.js'),subPackages: require('./subpackage_modules/index.js'),globalStyle: {navigationBarTextStyle: 'black',navigationBarTitleText: 'uni-app',navigationBarBackgroundColor: '#F8F8F8',