Skip to content
basic react app with no flux , and a webpack config for dev and production
JavaScript Other
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app
build
.babelrc
.gitignore
README.md
package.json
webpack.config.js

README.md

为React开发和生产准备的webpack基本配置

想想,开发React还要考虑和着手准备webpack的各种配置问题,实在让人头疼
特别是babel、react这些升级后,依赖库拆分的太多,配置起来让人不要不要的

参考survivejs的第二三章中的基本配置自己整了一遍,具备了开发的需要了。

主要由两个命令:

  • npm start
  • npm run build

第一个是开发用,第二个是打包上线用

项目里的各种插件的用途:

核心应用级插件:

  • react react-dom 这两个就不说了

开发插件:

  • webpack 这个不用说了,打包构建用
  • html-webpack-plugin 自动生成index.html
  • html-webpack-template 比默认的html设置更好,里面包括了可以初始化一些数据之类的
  • webpack-dev-server 开发用的服务器,用于npm start,不用每次去执行打包命令,而且会liveload
  • webpack-merge 用于开发环境和生产环境的web pack配置文件的配置合并
  • css-loader style-loader css的加载以及内联css用
  • babel-loader babel-core babel6之后的拆分,babel的主要核心代码
  • babel-preset-es2015 es6的解析器
  • babel-preset-react jsx的解析器
  • babel-plugin-syntax-class-properties babel-plugin-syntax-decorators babel-plugin-syntax-object-rest-spread babel-plugin-transform-class-properties babel-plugin-transform-decorators-legacy babel-plugin-transform-object-rest-spread 解锁更多es6特性
  • babel-plugin-react-transform 多种方式来使用React Component
  • react-transform-hmr react的热加载,不每次都是自动刷新浏览器

本来想翻译下来的,但是....懒!

You can’t perform that action at this time.