1.0.0 • Published 4 years ago

webpack-uniapp-pages-plugin v1.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
4 years ago

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进行导航