aaron/ski
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

bundle everything

Browse Source
This commit is contained in:
Aaron Gutierrez
2018-12-27 17:23:51 -08:00
parent c4704a920b
commit 869e448dd3
6 changed files with 24 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
dist/index.html vendored
View File

@@ -1 +0,0 @@
../index.html

1
dist/site.css vendored
View File

@@ -1 +0,0 @@
../site.css

7
index.html
View File

@@ -7,12 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div id="mount">
<noscript>I don't like javascript, either.</noscript>
</div>
<script src="./node_modules/react/umd/react.development.js"></script>
<script src="./node_modules/react-dom/umd/react-dom.development.js"></script>
<div id="mount"><noscript>I don't like javascript, either.</noscript></div>
<script type="text/javascript" src="bundle.js"></script>
</body>
</html>

29
site.css
View File

@@ -2,26 +2,39 @@ html,
body {
background-color: #fff;
color: #335;
font-family: sans-serif;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;
margin: 0;
padding: 0;
}
hr {
border: 1px solid #eef;
width: 100%;
}
div {
box-sizing: border-box;
}
h1 {
color: #69c;
font-size: 2em;
margin: 1em;
font-size: 45px;
font-weight: normal;
line-height: 60px;
margin-bottom: 0;
margin-left: 30px;
margin-right: 30px;
margin-top: 30px;
}
h2 {
color: #666;
font-size: 20px;
font-weight: normal;
line-height: 30px;
margin-bottom: 30px;
margin-left: 30px;
margin-right: 30px;
margin-top: 0px;
border-bottom: 1px solid #eef;
}
.Grid-row {
margin: 0;
padding: 0;

4
src/components/root.tsx
View File

@@ -37,9 +37,9 @@ export class Root extends React.PureComponent<Props, State> {
render() {
return <div className="Root">
<h1>Ski</h1>
<hr />
{ this._bigPicture() }
<h1>Ski</h1>
<h2>CMH Galena</h2>
<Grid
images={ this.state.images }
onImageSelected={ this._onImageSelected }

9
webpack.config.js
View File

@@ -30,13 +30,4 @@ module.exports = {
{ enforce: "pre", test: /\.js$/, loader: "source-map-loader" }
]
},
// When importing a module whose path matches one of the following, just
// assume a corresponding global variable exists and use that instead.
// This is important because it allows us to avoid bundling all of our
// dependencies, which allows browsers to cache those libraries between builds.
externals: {
"react": "React",
"react-dom": "ReactDOM"
}
};