{ "name": "pk1-juan", "versions": { "1.0.0": { "name": "pk1-juan", "version": "1.0.0", "description": "Simple React Webpack Babel Starter Kit", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": { "name": "Juan Picado", "email": "juan@jotadeveloper.com" }, "license": "ISC", "dependencies": { "angular": "^1.6.8", "angular2": "^2.0.0-beta.21", "babel-core": "^6.26.0", "babel-env": "^2.4.1", "jquery": "^3.2.1", "react": "^16.2.0", "test_npm_18": "^1.0.1", "typescript": "^2.6.2", "verdaccio": "^2.7.2", "verdaccio-memory": "0.0.3", "webpack": "^3.10.0" }, "readmeFilename": "README.md", "_id": "pk1-juan@1.0.0", "_npmVersion": "5.5.1", "_nodeVersion": "8.7.0", "_npmUser": {}, "dist": { "integrity": "sha512-K3ifqa0DEndma1RPhM83TBVISIY3wq2JdTL0GafvJno6z6JvFBp4iQgyrKn7Yjkd0J/LZ9IJvhNWsGQZuoXMPQ==", "shasum": "5d670df046b9bc4bc1714efe8873a614c522e41d", "tarball": "http://0.0.0.0:4873/pk1-juan/-/pk1-juan-1.0.0.tgz" } } }, "dist-tags": { "latest": "1.0.0" }, "time": { "modified": "2018-01-17T18:27:09.087Z", "created": "2018-01-17T18:27:09.087Z", "1.0.0": "2018-01-17T18:27:09.087Z" }, "_distfiles": {}, "_attachments": { "pk1-juan-1.0.0.tgz": { "shasum": "5d670df046b9bc4bc1714efe8873a614c522e41d", "version": "1.0.0" } }, "_uplinks": {}, "_rev": "5-e7a0e845b8b0cdc8", "readme": "# react-webpack-babel\nSimple React Webpack Babel Starter Kit\n\nTired of complicated starters with 200MB of dependencies which are hard to understand and modify?\n\nTry this is a simple [React](https://facebook.github.io/react/), [Webpack](http://webpack.github.io/) and [Babel](https://babeljs.io/) application with nothing else in it.\n\n### What's in it?\n\n* Simple src/index.jsx and src/index.css (local module css).\n* Webpack configuration for development (with hot reloading) and production (with minification).\n* CSS module loading, so you can include your css by ```import styles from './path/to.css';```.\n* Both js(x) and css hot loaded during development.\n* [Webpack Dashboard Plugin](https://github.com/FormidableLabs/webpack-dashboard) on dev server.\n\n### To run\n\n* You'll need to have [git](https://git-scm.com/) and [node](https://nodejs.org/en/) installed in your system.\n* Fork and clone the project:\n\n```\ngit clone https://github.com/alicoding/react-webpack-babel.git\n```\n\n* Then install the dependencies:\n\n```\nnpm install\n```\n\n* Run development server:\n\n```\nnpm start\n```\n\n* Or you can run development server with [webpack-dashboard](https://github.com/FormidableLabs/webpack-dashboard):\n\n```\nnpm run dev\n```\n\nOpen the web browser to `http://localhost:8888/`\n\n### To build the production package\n\n```\nnpm run build\n```\n\n### Nginx Config\n\nHere is an example Nginx config:\n```\nserver {\n\t# ... root and other options\n\n\tgzip on;\n\tgzip_http_version 1.1;\n\tgzip_types text/plain text/css text/xml application/javascript image/svg+xml;\n\n\tlocation / {\n\t\ttry_files $uri $uri/ /index.html;\n\t}\n\n\tlocation ~ \\.html?$ {\n\t\texpires 1d;\n\t}\n\n\tlocation ~ \\.(svg|ttf|js|css|svgz|eot|otf|woff|jpg|jpeg|gif|png|ico)$ {\n\t\taccess_log off;\n\t\tlog_not_found off;\n\t\texpires max;\n\t}\n}\n```\n\n### Eslint\nThere is a .eslint.yaml config for eslint ready with React plugin.\nTo use it, you need to install additional dependencies though:\n\n```\nnpm install --save-dev eslint eslint-plugin-react\n```\n\nTo do the actual linting, run:\n\n```\nnpm run lint\n```\n\n### Notes on importing css styles\n* styles having /src/ in their absolute path are considered part of the application and exported as local css modules.\n* other styles are considered global styles used by many components and are included in the css bundle directly.\n\n### Contribute\nPlease contribute to the project if you know how to make it better, including this README :)" }