https://github.com/thejohnfreeman/react-hot-boilerplate

https://github.com/thejohnfreeman/react-hot-boilerplate

Last synced: 21 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/thejohnfreeman/react-hot-boilerplate
• Owner: thejohnfreeman
• Created: 2015-12-15T05:32:43.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2016-11-10T22:51:10.000Z (about 8 years ago)
• Last Synced: 2024-10-26T01:30:49.001Z (2 months ago)
• Language: JavaScript
• Size: 8.79 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README

Awesome Lists containing this project

README

        
config is a commonjs module; export an object

entry must use relative path starting with './'

associate loaders with filetypes using module.loaders:

test: regex for filename

loaders: plugins as a list

loader: shorthand, !-separated plugin names; not my favorite

webpack-dev-server can be run from npm script

npm creates PATH from installed modules

so add webpack and webpack-dev-server as dev-deps

webpack-dev-server alone will not browsersync, but --inline will (by

including script for web socket in bundle)

--optimize-minimize for minification (not default)

--devtool sourcemap ?

--output-pathinfo ?

--debug ?

HtmlWebpackPlugin // construct HTML from a template (injects scripts and styles)

NoErrorsPlugin // do not refresh browser when there are errors

babel plugins to compile react, es2015 are dev-deps

deps taken from react-hot-boilerplate

resolve.root says where to find require('component/file.js')

module.loaders.include is faster than module.loaders.exclude is faster than

  ignore in babelrc

React must be included in any module that uses JSX

--inline will always reload full page

cannot hot reload the module that calls ReactDom.render

react-hot requires webpack-dev-server entry point

most basic assets require file-loader

url-loader can be used instead of file-loader as an optimization