=======
极少依赖第三方组件, 不依赖"rc-XXX", 可定制能力强.
df is short for develop framework. we want to provide a series of tools helping develop and release project using React. Also, tools are sample configed.
- using webpack to pack js files and run debug server.
- using yuidoc to create documents.
- using npm to download and manage packages.
- 'npm install webpack -g'
- 'npm install'
- 'npm start'
- open your browser and go to
http://127.0.0.1:3000/webpack-dev-server/client?http://0.0.0.0:3000
- if you need packed js file , run
webpack
, the js file in/dist/bundle.js
- please read the document < YUIDOC-README.md >
- install yuidoc: npm install astwyg/yuidoc -g
- execute command in the root directory: in the root: yuidoc components -e '.js,.jsx'
the components are under develop, so you may see many dirty codes in them.
- in packing, there are double warnings:
WARNING in ./~/jquery/dist/jquery.js
There is another module with an equal name when case is ignored.
This can lead to unexpected behavior when compiling on a filesystem with other c
ase-semantic.
Rename module if multiple modules are expected or use equal casing if one module
is expected.
WARNING in ./~/jQuery/dist/jquery.js
There is another module with an equal name when case is ignored.
This can lead to unexpected behavior when compiling on a filesystem with other c
ase-semantic.
Rename module if multiple modules are expected or use equal casing if one module
is expected.
we still can not figure them.
- react-hot-loader documents: http://gaearon.github.io/react-hot-loader/getstarted/
- react-hot-loader demo: https://github.com/gaearon/react-hot-boilerplate/
- package a separate css file: http://webpack.github.io/docs/stylesheets.html#separate-css-bundle
由于目前开发中使用webpack在内存中进行打包和调试, 最终发布使用gulp, 将此工程作为依赖引入发布工程的node_modules目录下. 这是暂时的解决方案
index.js: 目录放置在node_modules下时, 暴露components/common.js使用
index.html: webpack打包时使用的基本html文件.