Add pre-commit hook to eslint javascript code; import nes.min.css globaly in stories;

.eslintrc.json

@@ -1,3 +1,3 @@
 {
     "extends": "airbnb-base"
-}
+}

.storybook/config.js

@@ -1,5 +1,7 @@
 import { configure } from '@storybook/html';
 
+import '../css/nes.min.css'
+
 // automatically import all files ending in *.stories.js
 const req = require.context('../docs', true, /.stories.js$/);
 function loadStories() {

docs/balloons.stories.js

@@ -1,6 +1,4 @@
-import { storiesOf } from '@storybook/html';
-
-import '../css/nes.css';
+import { storiesOf } from '@storybook/html'; // eslint-disable-line import/no-extraneous-dependencies
 
 storiesOf('Balloons', module)
   .add('.balloon.from-left', () => '<div class="balloon from-left"> <p>Hello NES.css</p> </div>')

docs/buttons.stories.js

@@ -1,6 +1,4 @@
-import { storiesOf } from '@storybook/html';
-
-import '../css/nes.css';
+import { storiesOf } from '@storybook/html'; // eslint-disable-line import/no-extraneous-dependencies
 
 storiesOf('Buttons', module)
   .add('button.btn', () => ' <button type="button" class="btn">Normal</button>')

docs/containers.stories.js

@@ -1,6 +1,4 @@
-import { storiesOf } from '@storybook/html';
-
-import '../css/nes.css';
+import { storiesOf } from '@storybook/html'; // eslint-disable-line import/no-extraneous-dependencies
 
 storiesOf('Containers', module)
   .add('.container.with-title', () => `<div class="container with-title">

docs/icons.stories.js

@@ -1,6 +1,4 @@
-import { storiesOf } from '@storybook/html';
-
-import '../css/nes.css';
+import { storiesOf } from '@storybook/html'; // eslint-disable-line import/no-extraneous-dependencies
 
 storiesOf('Icons', module)
   .add('icon.twitter', () => '<i class="icon twitter"></i>')

docs/inputs.stories.js

@@ -1,6 +1,4 @@
-import { storiesOf } from '@storybook/html';
-
-import '../css/nes.css';
+import { storiesOf } from '@storybook/html'; // eslint-disable-line import/no-extraneous-dependencies
 
 storiesOf('Inputs', module)
   .add('input.radio', () => `

docs/table.stories.js

@@ -1,6 +1,4 @@
-import { storiesOf } from '@storybook/html';
-
-import '../css/nes.css';
+import { storiesOf } from '@storybook/html'; // eslint-disable-line import/no-extraneous-dependencies
 
 storiesOf('Tables', module)
   .add('table.table', () => `

package.json

@@ -33,6 +33,7 @@
   "homepage": "https://github.com/BcRikko/NES.css#readme",
   "devDependencies": {
     "@storybook/html": "^4.0.11",
+    "babel-loader": "^8.0.4",
     "autoprefixer": "^9.1.5",
     "clean-css-cli": "^4.2.1",
     "eslint": "^5.9.0",
@@ -64,7 +65,8 @@
       "npm run build",
       "git add ./css",
       "git add"
-    ]
+    ],
+    "*.js": ["eslint .", "git add"]
   },
   "prettier": {
     "printWidth": 100
@@ -85,8 +87,5 @@
       "at-rule-no-unknown": null,
       "scss/at-rule-no-unknown": true
     }
-  },
-  "dependencies": {
-    "babel-loader": "^8.0.4"
   }
 }