https://github.com/jayphelps/react-webpack-boilerplate

NOTE: As of now, this is used mostly internally by our team so it'll have some things like Semantic UI, etc that you might not want.
https://github.com/jayphelps/react-webpack-boilerplate

Last synced: 16 days ago
JSON representation

NOTE: As of now, this is used mostly internally by our team so it'll have some things like Semantic UI, etc that you might not want.

• Host: GitHub
• URL: https://github.com/jayphelps/react-webpack-boilerplate
• Owner: jayphelps
• Created: 2015-09-22T18:51:40.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2016-03-24T22:04:53.000Z (almost 9 years ago)
• Last Synced: 2024-12-31T14:37:46.675Z (26 days ago)
• Language: JavaScript
• Homepage:
• Size: 19.5 KB
• Stars: 6
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-webpack-boilerplate

**NOTE: As of now, this is used mostly internally by our team so it'll have some things like Semantic UI, etc that you might not want.**

## Prerequisites

You must have node and npm installed, then install the webpack development server:

```bash

$ npm install webpack-dev-server -g

```

Then install the local dependencies

```bash

$ npm install

```

## Dev build + livereload webserver

```bash

$ npm start

```

## Dev build

```bash

$ npm run build

```

## Prod build

```bash

$ npm run build-prod

```

## Run tests

```bash

$ npm test

```

## Project name/importing from app src root

Importing from your `src/` directory root instead of using a relative path can be done using a fully-qualified path that starts with the same name as the name field in your `package.json`, which is `react-webpack-boilerplate` by default but you should probably change this.

```js

import someFile from 'react-webpack-boilerplate/path/to/file';

// will import from 'src/path/to/file'

```

## Linting

By default, all stage 0 features of JavaScript that are available in Babel are included and linted with a very opinionated profile. If you'd prefer to change the linting settings, you can do so in `.eslintrc`.