webpack-uniapp-pages-plugin
v1.0.0
Published
The pages.js configuration file is automatically generated based on the pages.json file
Downloads
6
Maintainers
Readme
pages-plugin
该插件针对uni-app项目,如果你直接使用的微信小程序语言开发或者使用mpvue估计也使用不上
插件功能是为了便于在项目中使用定义的页面名称进行导航,而不是使用页面地址
如果你能直接读取pages.json配置,也可不用此插件
核心功能: 根据pages.json生成pages.js文件
使用方式
1, 在webpack配置中引入插件,配置在plugin中
const GeneratePages = require('webpack-uniapp-pages-plugin');
...
plugins: [
new GeneratePages({
// 微信小程序的配置文件
// 手动维护,目录根据项目来
pagesjson: './src/pages.json',
// 配置文件
// 自动生成,目录自定义
output: './src/api/pages.js'
})
]
2, 插件会自动生成pages.js文件,开发环境中会实时监听json文件变化。 json配置文件中,如果当前页面没有配置name属性,那么name会根据path自动生成, name生成规则:去掉pages/, /index, 中间的-, /会被替换成_
/* eslint-disable */
export default {
"home": {
"path": "/pages/home/index",
"title": "首页"
},
"find": {
"path": "/pages/find/index",
"title": "发现"
}
...
}
3, 使用name进行导航