wuningd / gallery-by-react Goto Github PK

yeoman构建架构->react-webpack
npm install
npm run start
打开http://localhost:8088


依赖模块：
	配置 Babel
		.babelrc
	
	1、babel手册=>https://github.com/thejameskyle/babel-handbook/blob/master/translations/zh-Hans/README.md
		babel-core
		babel-eslint
		babel-loader
		babel-polyfill
		babel-preset-es2015
		babel-preset-react
		
	2、bower-webpack-plugin
			https://www.npmjs.com/package/bower-webpack-plugin 看文档
			the plugin is active, you can require bower modules using require.

		var BowerWebpackPlugin = require("bower-webpack-plugin");
		module.exports = {
  			module:  {
    				loaders: [
      					{
        					test:   /\.css$/,
        					loader: "style-loader!css-loader"
      					}
    				]
  			},
  			plugins: [new BowerWebpackPlugin()]
		};

	测试
	3、chai 测试=>后面看看
	   mocha
	   isparta-instrumenter-loader
	   karma
	   phantomjs-prebuilt
	   react-addons-test-utils
	   
	4、copyfiles=>https://www.npmjs.com/package/copyfiles
		复制一些文件，给它一堆参数，最后一个是出目录。
		例：copyfiles -f ./foo/*.txt ./foo/bar/*.txt out
			will put a.txt and b.txt into out 去掉路径

	5、eslint
		http://eslint.cn/docs/user-guide/configuring
		JavaScript and JSX 校验工具可插拔
	6、eslint-plugin-react 
		React specific linting rules for ESLint
	7、glob
		https://www.npmjs.com/package/glob
	8、null-loader
		A loader that returns an empty module.
	9、url-loader
		3种情况https://www.npmjs.com/package/url-loader
	10、postcss
		https://www.npmjs.com/package/postcss
		Tool for transforming styles with JS plugins
	11、core-js 
		https://www.npmjs.com/package/core-js
	12、normalize.css 
		https://www.npmjs.com/package/normalize.css
		A modern alternative to CSS resets
	13、react-hot-loader 
		https://www.npmjs.com/package/react-hot-loader
		http://gaearon.github.io/react-hot-loader/getstarted/
	14、postcss
		https://www.npmjs.com/package/postcss