Permalink
Browse files

CSS modules \o/

  • Loading branch information...
callummr committed May 22, 2017
1 parent 2268d27 commit 49cff874da7127720260bae5a45ac57f56b34177
@@ -205,6 +205,7 @@ module.exports = {
{
loader: require.resolve('css-loader'),
options: {
modules: true,
importLoaders: 1,
},
},
@@ -208,6 +208,7 @@ module.exports = {
loader: require.resolve('css-loader'),
options: {
importLoaders: 1,
modules: true,
minimize: true,
sourceMap: true,
},
@@ -1,16 +1,16 @@
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import css from './App.css';
class App extends Component {
render() {
return (
<div className="App">
<div className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<div className={css['App']}>
<div className={csss['App-header']}>
<img src={logo} className={css['App-logo']} alt="logo" />
<h2>Welcome to React</h2>
</div>
<p className="App-intro">
<p className={css['App-intro']}>
To get started, edit <code>src/App.js</code> and save to reload.
</p>
</div>
@@ -1,3 +1,5 @@
/* eslint-disable */
// In production, we register a service worker to serve assets from local cache.
// This lets the app load faster on subsequent visits in production, and gives

0 comments on commit 49cff87

Please sign in to comment.