react-dnd-gridWebpack集成React的高效启动模板

react-dnd-grid 是一个基于 ReactWebpack 的入门启动器模板,具备丰富特性,助力前端开发更高效:

核心特性

  • 使用 Webpack 编译 React 和 JSX,支持 React 路由器
  • 样式表支持 CSS、LESS、SASS、Stylus 或混合使用。
  • 支持嵌入式资源(如图像或字体),在适当时转为 DataUrls
  • 可按需加载 React 组件及其依赖,提升加载性能。

开发体验

  • 集成开发服务器,支持 热模块替换(HMR)
  • 样式表与组件支持 LiveReload,调试更高效。
  • 使用 SourceUrl 提升调试体验,可切换为 SourceMaps。

生产优化

  • 提供预渲染 React 组件的服务器样例。
  • 支持页面内嵌初始数据。
  • 启用文件哈希实现 长期缓存
  • 生成独立 CSS 文件,避免页面 FOUC(样式闪烁)
  • 对 CSS 和 JavaScript 进行最小化处理。

扩展性

  • 支持 CoffeeScript 文件。
  • 可加载 Markdown 或文件作为内容资源。

这是一个适合快速搭建 React 项目的 Webpack 启动模板,配置灵活、功能完备,适合中高级前端使用。

zip
react-dnd-grid-master.zip 预估大小:37个文件
folder
react-dnd-grid-master 文件夹
folder
config 文件夹
file
simple.js 284B
file
app.jsx 1KB
file
loadersByExtension.js 838B
file
joinEntry.js 1KB
folder
dev-server-public 文件夹
file
index.html 117B
file
withTimeout.js 228B
file
prerender.jsx 2KB
file
package.json 2KB
file
webpack-production.config.js 245B
folder
app 文件夹
folder
SomePage 文件夹
file
index.jsx 276B
file
mainStoresDescriptions.js 1KB
file
prerender.html 242B
folder
DragAndDrop 文件夹
file
DragAndDrop.jsx 1KB
file
actions.js 194B
file
store.js 885B
file
mainStores.js 3KB
file
actions.js 140B
folder
TodoList 文件夹
file
index.jsx 2KB
file
mainRoutes.jsx 543B
folder
Application 文件夹
file
index.jsx 670B
file
style.css 234B
folder
Home 文件夹
file
index.jsx 337B
folder
DndGrid 文件夹
file
index.jsx 824B
folder
DndGridTestPage 文件夹
file
index.jsx 746B
file
simple.html 146B
folder
TodoItem 文件夹
file
index.jsx 776B
file
webpack-hot-dev-server.config.js 140B
file
webpack-dev-server.config.js 106B
file
make-webpack-config.js 4KB
file
.gitignore 14B
file
webpack.config.js 56B
folder
lib 文件夹
file
server-production.js 87B
file
DB.js 477B
file
server.js 4KB
file
server-development.js 44B
file
README.md 4KB
folder
build 文件夹
folder
.empty 文件夹
zip 文件大小:23.04KB