1 Star 3 Fork 3

小伙子挺不错/react-umijs-devextreme

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

vskysoft-boilerplate.

基于ReactJS, devExtreme组件库 开发. https://gitee.com/mudking/react-umijs-devextreme

Getting Started

  • 安装tyarn
npm install -g tyarn
  • 安装项目依赖.
tyarn

使用方法

  • 启动: npm start
  • 打包: npm run build

注意: 至少要启动一次, 才可以执行打包. 否则会因为一些所需的文件缺少而失败.

开发

增加一个页面

  • src/pages下建立一个目录pageA, 放置index.jsx和index.less.
  • 去src/configs/menus.ts中添加对应的菜单.
  • 去pageA目录下开发UI
  • pageA目录下增加一个service.ts, 封装对后台API接口的请求. 用到的uri前缀, 建议放到src/configs/configs.ts目录下.

部署

  • 关闭mock(默认是关闭的)
  • 检查src/configs/configs.ts中的地址是否添加到/public/configs.js中.
  • npm run build 打包
  • 将dist目录下的文件部署到目标服务器.

环境变量

https://www.jianshu.com/p/328b79e262f7 process.env. NODE_ENV本来是只能在nodejs环境下访问的. 在浏览器端不能使用. 但webpack在打包时, 通过扩展 webpack. DefinePlugin 可以注入变量,在打包期间将process.env. NODE_ENV替换为相应的常量, 这样浏览器上运行的就不是NODEJS而是纯js. umijs默认配置了此功能. 因此执行npm start时, process.env. NODE_ENV是'development', npm run build时, 是'production' npm run test时, 是'test'

new webpack.DefinePlugin({
    'process.env.NODE_ENV': JSON.stringify('development')
})

利用这个特性, 代码中可以在需要的地方使用process.env. NODE_ENV进行判断, 并使用不同的代码. 如: 数据库连接, 后台接口url等. 打包时, process.env. NODE_ENV会被替换成对应的常量.

MIT License Copyright (c) 2020 小伙子挺不错 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

为公司项目搭建的脚手架环境.使用基于React技术栈的Umijs3进行开发,使用devextreme作为UI组件框架. umijs的约定式路由,以及对dvajs的集成大大提高开发效率. 展开 收起
README
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/mudking/react-umijs-devextreme.git
git@gitee.com:mudking/react-umijs-devextreme.git
mudking
react-umijs-devextreme
react-umijs-devextreme
master

搜索帮助