Add React hot loader

old
Javi Velasco 2015-09-22 09:25:15 +02:00
parent e875c484e6
commit b206ab793c
2 changed files with 55 additions and 48 deletions

View File

@ -1,55 +1,62 @@
{ {
"name" : "react-toolbox", "name": "react-toolbox",
"version" : "0.6.28", "version": "0.6.28",
"description" : "A set of complementary tools to ReactJS.", "description": "A set of complementary tools to ReactJS.",
"homepage" : "http://zetapath.com", "homepage": "http://zetapath.com",
"author" : "Javi Jimenez Villar <hi@soyjavi.com> (http://soyjavi.com/)", "author": "Javi Jimenez Villar <hi@soyjavi.com> (http://soyjavi.com/)",
"main" : "./components", "main": "./components",
"directories" : { "directories": {
"react-toolbox" : "./react-toolbox/components" "react-toolbox": "./react-toolbox/components"
}, },
"scripts" : { "scripts": {
"start" : "npm run build & npm run server", "start": "npm run build & npm run server",
"server" : "webpack-dev-server --hot", "server": "webpack-dev-server --hot",
"build" : "webpack", "build": "webpack",
"watch" : "webpack --watch", "watch": "webpack --watch",
"deploy" : "NODE_ENV=production webpack -p", "deploy": "NODE_ENV=production webpack -p",
"test" : "karma start", "test": "karma start",
"test:watch" : "karma start --no-single-run" "test:watch": "karma start --no-single-run"
}, },
"bugs" : { "bugs": {
"url" : "https://github.com/soyjavi/react-toolbox/issues", "url": "https://github.com/react-toolbox/react-toolbox/issues",
"email" : "issues@react-toolbox.com" "email": "issues@react-toolbox.com"
}, },
"keywords" : [ "react", "react-component", "material design", "toolkit", "components"], "keywords": [
"license" : "MIT", "react",
"dependencies" : { "react-component",
"react" : "^0.13.2" "material design",
"toolkit",
"components"
],
"license": "MIT",
"dependencies": {
"react": "^0.13.2"
}, },
"devDependencies": { "devDependencies": {
"autoprefixer-core" : "^5.1.11", "autoprefixer-core": "^5.1.11",
"babel-core" : "^5.8.23", "babel-core": "^5.8.23",
"babel-loader" : "^5.3.2", "babel-loader": "^5.3.2",
"babel-runtime" : "^5.8.20", "babel-runtime": "^5.8.20",
"css-loader" : "^0.14.5", "css-loader": "^0.14.5",
"eslint" : "^1.3.1", "eslint": "^1.3.1",
"eslint-plugin-react" : "^3.3.1", "eslint-plugin-react": "^3.3.1",
"extract-text-webpack-plugin" : "^0.8.1", "expect": "^1.8.0",
"expect" : "^1.8.0", "extract-text-webpack-plugin": "^0.8.1",
"karma" : "^0.13.3", "karma": "^0.13.3",
"karma-chrome-launcher" : "^0.2.0", "karma-chrome-launcher": "^0.2.0",
"karma-cli" : "^0.1.0", "karma-cli": "^0.1.0",
"karma-mocha" : "^0.2.0", "karma-mocha": "^0.2.0",
"karma-phantomjs-launcher" : "~0.1", "karma-phantomjs-launcher": "~0.1",
"karma-webpack" : "^1.7.0", "karma-webpack": "^1.7.0",
"node-libs-browser" : "^0.5.2", "node-libs-browser": "^0.5.2",
"phantomjs-polyfill" : "0.0.1", "phantomjs-polyfill": "0.0.1",
"postcss-loader" : "^0.4.3", "postcss-loader": "^0.4.3",
"sinon" : "git://github.com/cjohansen/Sinon.JS#sinon-2.0", "react-hot-loader": "^1.3.0",
"style-loader" : "^0.12.3", "sinon": "git://github.com/cjohansen/Sinon.JS#sinon-2.0",
"stylus-loader" : "^1.2.0", "style-loader": "^0.12.3",
"webpack" : "1.10.1", "stylus-loader": "^1.2.0",
"webpack-dev-server" : "*" "webpack": "1.10.1",
"webpack-dev-server": "*"
}, },
"repository" : "github:soyjavi/react-toolbox" "repository": "github:react-toolbox/react-toolbox"
} }

View File

@ -26,7 +26,7 @@ module.exports = {
module: { module: {
noParse: [node_modules + '/react/dist/*.js'], noParse: [node_modules + '/react/dist/*.js'],
loaders: [ loaders: [
{ test: /(\.js|\.jsx)$/, exclude: /(node_modules)/, loader: 'babel?optional=runtime' }, { test: /(\.js|\.jsx)$/, exclude: /(node_modules)/, loaders: ['react-hot', 'babel'] },
{ test: /\.styl$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss-loader!stylus-loader!') } { test: /\.styl$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss-loader!stylus-loader!') }
] ]
}, },