在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:admin-workbench-ui开源软件地址:https://gitee.com/ruyangit/seed-workbench-ui开源软件介绍:工作中台基础UI项目介绍SeedWorkbenchUi 简洁的中台UI,vuejs 开发,组件化,模块化 See: demo 先来波图预览
软件架构
安装教程npm install 运行包含热加载的开发环境npm run serve 打包压缩后的生产文件npm run build 本地如何运行打包后的生产文件npm install serve -g 安装serve服务 -g 安装到全局serve -s dist 运行打包后的生产文件 dist 打包后的文件夹 Lints and fixes filesnpm run lint 使用说明
// 基础路径 注意发布之前要先修改这里const baseUrl = '/'if (process.env.NODE_ENV === 'production') { baseUrl = '/seed-workbench-ui/'}// 主题样式全局修改替换css: { loaderOptions: { less: { modifyVars: { 'ai-prefix': 'ai', 'primary-color': '#42b983' }, paths: [ resolve('node_modules'), resolve('src') ], javascriptEnabled: true } }}// 过滤掉moment其它国家,只保留中文和英文configureWebpack: { plugins: [ new webpack.ContextReplacementPlugin(/moment[\\/]locale$/, /^\.\/(zh-cn|en-us)$/), ]}// 配置本地svg优化方案 ,重新设置src别名@chainWebpack: config => { const svgRule = config.module.rule('svg') svgRule.uses.clear() svgRule .include .add(resolve('src/assets/svg-icons')) .end() .use('svg-sprite-loader') .loader('svg-sprite-loader') .options({ symbolId: 'ai-[name]' }) .end() // image exclude const imagesRule = config.module.rule('images') imagesRule .test(/\.(png|jpe?g|gif|webp|svg)(\?.*)?$/) .exclude .add(resolve('src/assets/svg-icons')) .end() // 重新设置 alias config.resolve.alias.set('@', resolve('src'))}
// 设置ant-design-vue 按需加载方案"plugins": [ ["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": true }]]
计划
参与贡献
人家都喝咖啡,我就喝瓶水就行,谢谢支持! |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论