explorigin/gallery
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Pull in semantic-ui's reset and some basic CSS.

Browse Source
This commit is contained in:
Timothy Farrell 2017-11-06 21:40:19 -06:00
parent 0e1c24bfea
commit 78e3ffae00
5 changed files with 28 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/gallery/package.json
View File

@ -12,8 +12,10 @@
"dev": "webpack-dev-server" "dev": "webpack-dev-server"
}, },
"dependencies": { "dependencies": {
"css-loader": "^0.28.7",
"domvm": "~3.2.1", "domvm": "~3.2.1",
"exif-parser": "~0.1.9", "exif-parser": "~0.1.9",
"extract-text-webpack-plugin": "^3.0.2",
"frptools": "1.2.0", "frptools": "1.2.0",
"pica": "~2.0.8", "pica": "~2.0.8",
"pouchdb-adapter-http": "~6.3.4", "pouchdb-adapter-http": "~6.3.4",
@ -23,6 +25,9 @@
"pouchdb-core": "~6.3.4", "pouchdb-core": "~6.3.4",
"pouchdb-replication": "~6.3.4", "pouchdb-replication": "~6.3.4",
"router": "2.0.0", "router": "2.0.0",
"semantic-ui-reset": "^2.2.12",
"semantic-ui-site": "^2.2.12",
"style-loader": "^0.19.0",
"styletron": "^2.5.1", "styletron": "^2.5.1",
"styletron-utils": "^2.5.4", "styletron-utils": "^2.5.4",
"webpack": "~3.8.1", "webpack": "~3.8.1",

7
packages/gallery/src/app.css Normal file
View File

@ -0,0 +1,7 @@
@import '../node_modules/semantic-ui-reset/reset.css';
@import '../node_modules/semantic-ui-site/site.css';
body {
display: flex;
flex-direction: column;
}

1
packages/gallery/src/app.js
View File

@ -1,6 +1,7 @@
// import { createView } from 'domvm/dist/dev/domvm.dev.js'; // import { createView } from 'domvm/dist/dev/domvm.dev.js';
import { createView } from 'domvm/dist/micro/domvm.micro.js'; import { createView } from 'domvm/dist/micro/domvm.micro.js';
import * as styles from './app.css';
import generateThumbnails from './contextLoaders/generateThumbnails.js'; import generateThumbnails from './contextLoaders/generateThumbnails.js';
import { GalleryView } from './interface/gallery.js'; import { GalleryView } from './interface/gallery.js';
import { router } from './services/router.js'; import { router } from './services/router.js';

2
packages/gallery/src/index.html
View File

@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href=""> <link rel="stylesheet" href="/assets/app.css">
</head> </head>
<body> <body>
<div id='app'></div> <div id='app'></div>

15
packages/gallery/webpack.config.js
View File

@ -1,5 +1,6 @@
const path = require('path'); const path = require('path');
const webpack = require('webpack'); const webpack = require('webpack');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = { module.exports = {
context: path.resolve(__dirname, './src'), context: path.resolve(__dirname, './src'),
@ -14,10 +15,22 @@ module.exports = {
devServer: { devServer: {
contentBase: path.resolve(__dirname, './src') contentBase: path.resolve(__dirname, './src')
}, },
module: {
rules: [
{
test: /\.css$/,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: 'css-loader'
})
}
]
},
plugins: [ plugins: [
new webpack.DefinePlugin({ new webpack.DefinePlugin({
__DEV__: true __DEV__: true
}) }),
new ExtractTextPlugin('app.css', { allChunks: true })
], ],
devtool: 'source-map' devtool: 'source-map'
}; };