Merge pull request #26 from ideal-react/dev
add sass sourcemap in dev & add app_bar to spec & fix lintold
commit
460f1ad517
|
@ -8,7 +8,7 @@ const App = (props) => {
|
|||
}
|
||||
|
||||
return (
|
||||
<div className={className}>
|
||||
<div className={className} data-react-toolbox='app'>
|
||||
{props.children}
|
||||
</div>
|
||||
);
|
||||
|
|
|
@ -8,7 +8,7 @@ const AppBar = (props) => {
|
|||
if (props.flat) className += ` ${style.flat}`;
|
||||
|
||||
return (
|
||||
<header className={className}>
|
||||
<header className={className} data-react-toolbox='app-bar'>
|
||||
{props.children}
|
||||
</header>
|
||||
);
|
||||
|
|
|
@ -5,7 +5,7 @@ const ExtractTextPlugin = require('extract-text-webpack-plugin');
|
|||
|
||||
module.exports = {
|
||||
context: __dirname,
|
||||
devtool: '#eval-source-map',
|
||||
devtool: 'inline-source-map',
|
||||
entry: [
|
||||
'webpack-hot-middleware/client',
|
||||
'./app/index.jsx'
|
||||
|
@ -35,7 +35,7 @@ module.exports = {
|
|||
loader: 'babel'
|
||||
}, {
|
||||
test: /(\.scss|\.css)$/,
|
||||
loader: ExtractTextPlugin.extract('style', 'css?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss!sass')
|
||||
loader: ExtractTextPlugin.extract('style', 'css?sourceMap&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss!sass?sourceMap')
|
||||
}, {
|
||||
test: /(\.txt)$/,
|
||||
loader: 'raw',
|
||||
|
|
|
@ -1,5 +1,6 @@
|
|||
import React from 'react';
|
||||
import App from '../components/app';
|
||||
import AppBar from '../components/app_bar';
|
||||
import Autocomplete from './components/autocomplete';
|
||||
import Button from './components/button';
|
||||
import Card from './components/card';
|
||||
|
@ -22,8 +23,10 @@ import style from './style';
|
|||
|
||||
const Root = () => (
|
||||
<App className={style.app}>
|
||||
<h1>React Toolbox</h1>
|
||||
<h3>Component Spec v0.10.20</h3>
|
||||
<AppBar fixed flat className={style['app-bar']}>
|
||||
<h1>React Toolbox</h1>
|
||||
<span>Component Spec v0.10.20</span>
|
||||
</AppBar>
|
||||
|
||||
<Autocomplete />
|
||||
<Button />
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
.app {
|
||||
padding: 1.6rem;
|
||||
padding: 5.5rem 1.6rem;
|
||||
> h1, > h3 {
|
||||
line-height: 100%;
|
||||
}
|
||||
|
@ -14,3 +14,11 @@
|
|||
margin: 1.6rem 1.6rem 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.app-bar {
|
||||
padding: 1.6rem;
|
||||
justify-content: center;
|
||||
> span {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -5,7 +5,7 @@ const ExtractTextPlugin = require('extract-text-webpack-plugin');
|
|||
|
||||
module.exports = {
|
||||
context: __dirname,
|
||||
devtool: '#eval-source-map',
|
||||
devtool: 'inline-source-map',
|
||||
entry: [
|
||||
'webpack-hot-middleware/client',
|
||||
'./spec/index.jsx'
|
||||
|
@ -26,7 +26,7 @@ module.exports = {
|
|||
loader: 'babel'
|
||||
}, {
|
||||
test: /(\.scss|\.css)$/,
|
||||
loader: ExtractTextPlugin.extract('style', 'css?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss!sass')
|
||||
loader: ExtractTextPlugin.extract('style', 'css?sourceMap&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss!sass?sourceMap')
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
Loading…
Reference in New Issue