Giter Club home page Giter Club logo

express-react-wx's Introduction

使用React+Webpack+Nodejs+Express快速构建项目

本项目的主要目的是对React+Webpack+Nodejs+Express的综合使用,感受一下综合开发的感觉,哈哈哈!!!并没有技术上的讲解,主要是这个架构的搭建
使用webpack实现react的热更新
使用reload 等实现了node的动态更新,不用每次更改服务都重启一下

主要功能

其实没什么功能,主要是测试框架。
实现了输入微信公众号,通过爬虫获取该公众号下的最新的10条文章,并显示
是的,有个小小小小的小爬虫

文件结构

app.js 为入口文件
./views react页面放置的文件
./public webpack生成的dist放置的页面
./spider 爬虫文件存放处
webpack.config.dev.js 本地开发时使用的webpack文件
webpack.config.js 正式运行时使用的webpack文件

工具

使用的东西包括:
React、react-router@4、antd、webpack、NodeJs、Express、async、cheerio、axios、request
东西多,但是没有啥实际意义

使用

git clone https://github.com/yxcs/express-react-wx.git
cd express-react-wx
npm install

测试

NODE_ENV=dev npm run dev

正式

webpack 
NODE_ENV=production npm start

展示

页面展示

express-react-wx's People

Contributors

yxcs avatar

Stargazers

CodeFarmer avatar  avatar

Watchers

James Cloos avatar  avatar

Forkers

keyzf

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.