@dne/react-project NPM

Usage

package.json

"scripts": {
    "start": "webpack-dev-server --config webpack.dev.js",
    "storybook": "start-storybook -p 4667 --ci -c node_modules/@dne/react-project/.storybook"
  },

src/index.js

import React from 'react';
import { render } from 'react-dom';
import { hot } from 'react-hot-loader/root';

export default function App() {
  return <div>Content</div>;
}

const HotApp = hot(App);
render(<HotApp />, document.getElementById('root'));

src/index.html

<!DOCTYPE html>
<html lang="de-DE">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, user-scalable=no"
    />
  </head>

  <body>
    <div id="root"></div>
  </body>
</html>

eslintrc.yml

---
extends:
  - '@dne'

webpack.dev.js

const { webpack } = require('@dne/react-project');
module.exports = webpack.config.dev;

@dne/react-project

const webpackConfigDev = require('./webpack/webpack.dev');
const webpackLoaders = require('./webpack/loaders');

module.exports = {
  webpack: {
    loaders: webpackLoaders,
    config: {
      dev: webpackConfigDev
    }
  }
};

webpack react