archive-gh-me/generator-react-webpack
1
0
Fork 0
mirror of https://github.com/react-webpack-generators/generator-react-webpack.git synced 2025-12-08 18:01:59 +00:00
Code Issues Projects Releases Wiki Activity

Add and use Hot Module Replacement plugin and react-hot-loader

Browse Source
This commit is contained in:
ColCh 2014-09-27 19:23:34 +04:00
parent 3eca7c6f7c
commit 43f7dbffdc
3 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
templates/common/Gruntfile.js
View File

@ -27,6 +27,7 @@ module.exports = function (grunt) {
'webpack-dev-server': {
options: {
hot: true,
port: 8000,
webpack: webpackDevConfig,
publicPath: '/assets/',

3
templates/common/_package.json
View File

@ -11,7 +11,8 @@
"mainOutput": "main",
"dependencies": {<% if (reactRouter) { %>
"react-router": "^0.7.0",<% } %>
"react": "~0.11.2"
"react": "~0.11.2",
"react-hot-loader": "^0.4.5"
},
"devDependencies": {
"grunt": "~0.4.5",

14
templates/common/root/webpack.config.js
View File

@ -6,6 +6,7 @@
*/
'use strict';
var webpack = require('webpack');
module.exports = {
@ -17,7 +18,10 @@ module.exports = {
cache: true,
debug: true,
devtool: false,
entry: './src/scripts/components/<%= pkg.mainInput %>.jsx',
entry: [
'webpack/hot/dev-server',
'./src/scripts/components/<%= pkg.mainInput %>.jsx'
],
stats: {
colors: true,
@ -37,7 +41,7 @@ module.exports = {
loaders: [{
test: /\.jsx$/,
loader: 'jsx-loader?harmony'
loader: 'react-hot!jsx-loader?harmony'
}, {
test: /\.css$/,
loader: 'style-loader!css-loader'
@ -45,6 +49,10 @@ module.exports = {
test: /\.(png|jpg)$/,
loader: 'url-loader?limit=8192'
}]
}
},
plugins: [
new webpack.HotModuleReplacementPlugin()
]
};