load css

2016-06-27 07:17:35 -06:00 · 2016-06-27 07:17:35 -06:00 · 2943e0d4f7
commit 2943e0d4f7
parent d4d318bd57
4 changed files with 6 additions and 2 deletions
--- a/index.html
+++ b/index.html
@ -3,7 +3,7 @@
  <head>
    <meta charset="utf-8">
    <title>VanillaJS • TodoMVC</title>
-    <link rel="stylesheet" href="node_modules/todomvc-app-css/index.css">
+    <script src="dist/bundle.js"></script>
  </head>
  <body>
    <section class="todoapp">
@ -39,6 +39,5 @@
      <p>Ported to ES6 by <a href="https://twitter.com/kentcdodds">Kent C. Dodds</a></p>
      <p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
    </footer>
-    <script src="dist/bundle.js"></script>
  </body>
 </html>
--- a/package.json
+++ b/package.json
@ -9,6 +9,7 @@
    "babel-preset-es2015": "6.13.2",
    "babel-preset-es2016": "6.11.3",
    "babel-preset-stage-2": "6.13.0",
+    "css-loader": "0.23.1",
    "eslint": "3.2.2",
    "eslint-config-kentcdodds": "^9.0.0",
    "ghooks": "1.3.2",
@ -16,6 +17,7 @@
    "npm-run-all": "2.3.0",
    "opt-cli": "1.5.1",
    "rimraf": "2.5.4",
+    "style-loader": "0.13.1",
    "webpack": "2.1.0-beta.20",
    "webpack-config-utils": "2.0.0",
    "webpack-dev-server": "2.1.0-beta.0",
--- a/src/app.js
+++ b/src/app.js
@ -1,3 +1,5 @@
+require('todomvc-app-css/index.css')
+
 var View = require('./view')
 var helpers = require('./helpers')
 var Controller = require('./controller')
--- a/webpack.config.babel.js
+++ b/webpack.config.babel.js
@ -18,6 +18,7 @@ module.exports = env => {
    module: {
      loaders: [
        {test: /\.js$/, loaders: ['babel'], exclude: /node_modules/},
+        {test: /\.css$/, loaders: ['style', 'css']},
      ],
    },
  })