forked from schneider/mensa
commit
0dca9dd623
28 changed files with 903 additions and 0 deletions
-
14.babelrc
-
9.editorconfig
-
2.eslintignore
-
27.eslintrc.js
-
6.gitignore
-
8.postcssrc.js
-
21README.md
-
35build/build.js
-
48build/check-versions.js
-
9build/dev-client.js
-
89build/dev-server.js
-
71build/utils.js
-
12build/vue-loader.conf.js
-
66build/webpack.base.conf.js
-
35build/webpack.dev.conf.js
-
120build/webpack.prod.conf.js
-
6config/dev.env.js
-
38config/index.js
-
3config/prod.env.js
-
11index.html
-
69package.json
-
29src/App.vue
-
53src/components/Hello.vue
-
45src/components/Mensa.vue
-
38src/components/Tag.vue
-
12src/main.js
-
27src/router/index.js
-
0static/.gitkeep
@ -0,0 +1,14 @@ |
|||||
|
{ |
||||
|
"presets": [ |
||||
|
["env", { "modules": false }], |
||||
|
"stage-2" |
||||
|
], |
||||
|
"plugins": ["transform-runtime"], |
||||
|
"comments": false, |
||||
|
"env": { |
||||
|
"test": { |
||||
|
"presets": ["env", "stage-2"], |
||||
|
"plugins": [ "istanbul" ] |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,9 @@ |
|||||
|
root = true |
||||
|
|
||||
|
[*] |
||||
|
charset = utf-8 |
||||
|
indent_style = space |
||||
|
indent_size = 2 |
||||
|
end_of_line = lf |
||||
|
insert_final_newline = true |
||||
|
trim_trailing_whitespace = true |
||||
@ -0,0 +1,2 @@ |
|||||
|
build/*.js |
||||
|
config/*.js |
||||
@ -0,0 +1,27 @@ |
|||||
|
// http://eslint.org/docs/user-guide/configuring
|
||||
|
|
||||
|
module.exports = { |
||||
|
root: true, |
||||
|
parser: 'babel-eslint', |
||||
|
parserOptions: { |
||||
|
sourceType: 'module' |
||||
|
}, |
||||
|
env: { |
||||
|
browser: true, |
||||
|
}, |
||||
|
// https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
|
||||
|
extends: 'standard', |
||||
|
// required to lint *.vue files
|
||||
|
plugins: [ |
||||
|
'html' |
||||
|
], |
||||
|
// add your custom rules here
|
||||
|
'rules': { |
||||
|
// allow paren-less arrow functions
|
||||
|
'arrow-parens': 0, |
||||
|
// allow async-await
|
||||
|
'generator-star-spacing': 0, |
||||
|
// allow debugger during development
|
||||
|
'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0 |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,6 @@ |
|||||
|
.DS_Store |
||||
|
node_modules/ |
||||
|
dist/ |
||||
|
npm-debug.log* |
||||
|
yarn-debug.log* |
||||
|
yarn-error.log* |
||||
@ -0,0 +1,8 @@ |
|||||
|
// https://github.com/michael-ciniawsky/postcss-load-config
|
||||
|
|
||||
|
module.exports = { |
||||
|
"plugins": { |
||||
|
// to edit target browsers: use "browserlist" field in package.json
|
||||
|
"autoprefixer": {} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,21 @@ |
|||||
|
# mensa |
||||
|
|
||||
|
> Mensaplan der Universität Göttingen |
||||
|
|
||||
|
## Build Setup |
||||
|
|
||||
|
``` bash |
||||
|
# install dependencies |
||||
|
npm install |
||||
|
|
||||
|
# serve with hot reload at localhost:8080 |
||||
|
npm run dev |
||||
|
|
||||
|
# build for production with minification |
||||
|
npm run build |
||||
|
|
||||
|
# build for production and view the bundle analyzer report |
||||
|
npm run build --report |
||||
|
``` |
||||
|
|
||||
|
For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). |
||||
@ -0,0 +1,35 @@ |
|||||
|
require('./check-versions')() |
||||
|
|
||||
|
process.env.NODE_ENV = 'production' |
||||
|
|
||||
|
var ora = require('ora') |
||||
|
var rm = require('rimraf') |
||||
|
var path = require('path') |
||||
|
var chalk = require('chalk') |
||||
|
var webpack = require('webpack') |
||||
|
var config = require('../config') |
||||
|
var webpackConfig = require('./webpack.prod.conf') |
||||
|
|
||||
|
var spinner = ora('building for production...') |
||||
|
spinner.start() |
||||
|
|
||||
|
rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { |
||||
|
if (err) throw err |
||||
|
webpack(webpackConfig, function (err, stats) { |
||||
|
spinner.stop() |
||||
|
if (err) throw err |
||||
|
process.stdout.write(stats.toString({ |
||||
|
colors: true, |
||||
|
modules: false, |
||||
|
children: false, |
||||
|
chunks: false, |
||||
|
chunkModules: false |
||||
|
}) + '\n\n') |
||||
|
|
||||
|
console.log(chalk.cyan(' Build complete.\n')) |
||||
|
console.log(chalk.yellow( |
||||
|
' Tip: built files are meant to be served over an HTTP server.\n' + |
||||
|
' Opening index.html over file:// won\'t work.\n' |
||||
|
)) |
||||
|
}) |
||||
|
}) |
||||
@ -0,0 +1,48 @@ |
|||||
|
var chalk = require('chalk') |
||||
|
var semver = require('semver') |
||||
|
var packageConfig = require('../package.json') |
||||
|
var shell = require('shelljs') |
||||
|
function exec (cmd) { |
||||
|
return require('child_process').execSync(cmd).toString().trim() |
||||
|
} |
||||
|
|
||||
|
var versionRequirements = [ |
||||
|
{ |
||||
|
name: 'node', |
||||
|
currentVersion: semver.clean(process.version), |
||||
|
versionRequirement: packageConfig.engines.node |
||||
|
}, |
||||
|
] |
||||
|
|
||||
|
if (shell.which('npm')) { |
||||
|
versionRequirements.push({ |
||||
|
name: 'npm', |
||||
|
currentVersion: exec('npm --version'), |
||||
|
versionRequirement: packageConfig.engines.npm |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
module.exports = function () { |
||||
|
var warnings = [] |
||||
|
for (var i = 0; i < versionRequirements.length; i++) { |
||||
|
var mod = versionRequirements[i] |
||||
|
if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) { |
||||
|
warnings.push(mod.name + ': ' + |
||||
|
chalk.red(mod.currentVersion) + ' should be ' + |
||||
|
chalk.green(mod.versionRequirement) |
||||
|
) |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
if (warnings.length) { |
||||
|
console.log('') |
||||
|
console.log(chalk.yellow('To use this template, you must update following to modules:')) |
||||
|
console.log() |
||||
|
for (var i = 0; i < warnings.length; i++) { |
||||
|
var warning = warnings[i] |
||||
|
console.log(' ' + warning) |
||||
|
} |
||||
|
console.log() |
||||
|
process.exit(1) |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,9 @@ |
|||||
|
/* eslint-disable */ |
||||
|
require('eventsource-polyfill') |
||||
|
var hotClient = require('webpack-hot-middleware/client?noInfo=true&reload=true') |
||||
|
|
||||
|
hotClient.subscribe(function (event) { |
||||
|
if (event.action === 'reload') { |
||||
|
window.location.reload() |
||||
|
} |
||||
|
}) |
||||
@ -0,0 +1,89 @@ |
|||||
|
require('./check-versions')() |
||||
|
|
||||
|
var config = require('../config') |
||||
|
if (!process.env.NODE_ENV) { |
||||
|
process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV) |
||||
|
} |
||||
|
|
||||
|
var opn = require('opn') |
||||
|
var path = require('path') |
||||
|
var express = require('express') |
||||
|
var webpack = require('webpack') |
||||
|
var proxyMiddleware = require('http-proxy-middleware') |
||||
|
var webpackConfig = require('./webpack.dev.conf') |
||||
|
|
||||
|
// default port where dev server listens for incoming traffic
|
||||
|
var port = process.env.PORT || config.dev.port |
||||
|
// automatically open browser, if not set will be false
|
||||
|
var autoOpenBrowser = !!config.dev.autoOpenBrowser |
||||
|
// Define HTTP proxies to your custom API backend
|
||||
|
// https://github.com/chimurai/http-proxy-middleware
|
||||
|
var proxyTable = config.dev.proxyTable |
||||
|
|
||||
|
var app = express() |
||||
|
var compiler = webpack(webpackConfig) |
||||
|
|
||||
|
var devMiddleware = require('webpack-dev-middleware')(compiler, { |
||||
|
publicPath: webpackConfig.output.publicPath, |
||||
|
quiet: true |
||||
|
}) |
||||
|
|
||||
|
var hotMiddleware = require('webpack-hot-middleware')(compiler, { |
||||
|
log: () => {} |
||||
|
}) |
||||
|
// force page reload when html-webpack-plugin template changes
|
||||
|
compiler.plugin('compilation', function (compilation) { |
||||
|
compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) { |
||||
|
hotMiddleware.publish({ action: 'reload' }) |
||||
|
cb() |
||||
|
}) |
||||
|
}) |
||||
|
|
||||
|
// proxy api requests
|
||||
|
Object.keys(proxyTable).forEach(function (context) { |
||||
|
var options = proxyTable[context] |
||||
|
if (typeof options === 'string') { |
||||
|
options = { target: options } |
||||
|
} |
||||
|
app.use(proxyMiddleware(options.filter || context, options)) |
||||
|
}) |
||||
|
|
||||
|
// handle fallback for HTML5 history API
|
||||
|
app.use(require('connect-history-api-fallback')()) |
||||
|
|
||||
|
// serve webpack bundle output
|
||||
|
app.use(devMiddleware) |
||||
|
|
||||
|
// enable hot-reload and state-preserving
|
||||
|
// compilation error display
|
||||
|
app.use(hotMiddleware) |
||||
|
|
||||
|
// serve pure static assets
|
||||
|
var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory) |
||||
|
app.use(staticPath, express.static('./static')) |
||||
|
|
||||
|
var uri = 'http://localhost:' + port |
||||
|
|
||||
|
var _resolve |
||||
|
var readyPromise = new Promise(resolve => { |
||||
|
_resolve = resolve |
||||
|
}) |
||||
|
|
||||
|
console.log('> Starting dev server...') |
||||
|
devMiddleware.waitUntilValid(() => { |
||||
|
console.log('> Listening at ' + uri + '\n') |
||||
|
// when env is testing, don't need open it
|
||||
|
if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') { |
||||
|
opn(uri) |
||||
|
} |
||||
|
_resolve() |
||||
|
}) |
||||
|
|
||||
|
var server = app.listen(port) |
||||
|
|
||||
|
module.exports = { |
||||
|
ready: readyPromise, |
||||
|
close: () => { |
||||
|
server.close() |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,71 @@ |
|||||
|
var path = require('path') |
||||
|
var config = require('../config') |
||||
|
var ExtractTextPlugin = require('extract-text-webpack-plugin') |
||||
|
|
||||
|
exports.assetsPath = function (_path) { |
||||
|
var assetsSubDirectory = process.env.NODE_ENV === 'production' |
||||
|
? config.build.assetsSubDirectory |
||||
|
: config.dev.assetsSubDirectory |
||||
|
return path.posix.join(assetsSubDirectory, _path) |
||||
|
} |
||||
|
|
||||
|
exports.cssLoaders = function (options) { |
||||
|
options = options || {} |
||||
|
|
||||
|
var cssLoader = { |
||||
|
loader: 'css-loader', |
||||
|
options: { |
||||
|
minimize: process.env.NODE_ENV === 'production', |
||||
|
sourceMap: options.sourceMap |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// generate loader string to be used with extract text plugin
|
||||
|
function generateLoaders (loader, loaderOptions) { |
||||
|
var loaders = [cssLoader] |
||||
|
if (loader) { |
||||
|
loaders.push({ |
||||
|
loader: loader + '-loader', |
||||
|
options: Object.assign({}, loaderOptions, { |
||||
|
sourceMap: options.sourceMap |
||||
|
}) |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// Extract CSS when that option is specified
|
||||
|
// (which is the case during production build)
|
||||
|
if (options.extract) { |
||||
|
return ExtractTextPlugin.extract({ |
||||
|
use: loaders, |
||||
|
fallback: 'vue-style-loader' |
||||
|
}) |
||||
|
} else { |
||||
|
return ['vue-style-loader'].concat(loaders) |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// https://vue-loader.vuejs.org/en/configurations/extract-css.html
|
||||
|
return { |
||||
|
css: generateLoaders(), |
||||
|
postcss: generateLoaders(), |
||||
|
less: generateLoaders('less'), |
||||
|
sass: generateLoaders('sass', { indentedSyntax: true }), |
||||
|
scss: generateLoaders('sass'), |
||||
|
stylus: generateLoaders('stylus'), |
||||
|
styl: generateLoaders('stylus') |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// Generate loaders for standalone style files (outside of .vue)
|
||||
|
exports.styleLoaders = function (options) { |
||||
|
var output = [] |
||||
|
var loaders = exports.cssLoaders(options) |
||||
|
for (var extension in loaders) { |
||||
|
var loader = loaders[extension] |
||||
|
output.push({ |
||||
|
test: new RegExp('\\.' + extension + '$'), |
||||
|
use: loader |
||||
|
}) |
||||
|
} |
||||
|
return output |
||||
|
} |
||||
@ -0,0 +1,12 @@ |
|||||
|
var utils = require('./utils') |
||||
|
var config = require('../config') |
||||
|
var isProduction = process.env.NODE_ENV === 'production' |
||||
|
|
||||
|
module.exports = { |
||||
|
loaders: utils.cssLoaders({ |
||||
|
sourceMap: isProduction |
||||
|
? config.build.productionSourceMap |
||||
|
: config.dev.cssSourceMap, |
||||
|
extract: isProduction |
||||
|
}) |
||||
|
} |
||||
@ -0,0 +1,66 @@ |
|||||
|
var path = require('path') |
||||
|
var utils = require('./utils') |
||||
|
var config = require('../config') |
||||
|
var vueLoaderConfig = require('./vue-loader.conf') |
||||
|
|
||||
|
function resolve (dir) { |
||||
|
return path.join(__dirname, '..', dir) |
||||
|
} |
||||
|
|
||||
|
module.exports = { |
||||
|
entry: { |
||||
|
app: './src/main.js' |
||||
|
}, |
||||
|
output: { |
||||
|
path: config.build.assetsRoot, |
||||
|
filename: '[name].js', |
||||
|
publicPath: process.env.NODE_ENV === 'production' |
||||
|
? config.build.assetsPublicPath |
||||
|
: config.dev.assetsPublicPath |
||||
|
}, |
||||
|
resolve: { |
||||
|
extensions: ['.js', '.vue', '.json'], |
||||
|
alias: { |
||||
|
'@': resolve('src') |
||||
|
} |
||||
|
}, |
||||
|
module: { |
||||
|
rules: [ |
||||
|
{ |
||||
|
test: /\.(js|vue)$/, |
||||
|
loader: 'eslint-loader', |
||||
|
enforce: 'pre', |
||||
|
include: [resolve('src'), resolve('test')], |
||||
|
options: { |
||||
|
formatter: require('eslint-friendly-formatter') |
||||
|
} |
||||
|
}, |
||||
|
{ |
||||
|
test: /\.vue$/, |
||||
|
loader: 'vue-loader', |
||||
|
options: vueLoaderConfig |
||||
|
}, |
||||
|
{ |
||||
|
test: /\.js$/, |
||||
|
loader: 'babel-loader', |
||||
|
include: [resolve('src'), resolve('test')] |
||||
|
}, |
||||
|
{ |
||||
|
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/, |
||||
|
loader: 'url-loader', |
||||
|
options: { |
||||
|
limit: 10000, |
||||
|
name: utils.assetsPath('img/[name].[hash:7].[ext]') |
||||
|
} |
||||
|
}, |
||||
|
{ |
||||
|
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, |
||||
|
loader: 'url-loader', |
||||
|
options: { |
||||
|
limit: 10000, |
||||
|
name: utils.assetsPath('fonts/[name].[hash:7].[ext]') |
||||
|
} |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,35 @@ |
|||||
|
var utils = require('./utils') |
||||
|
var webpack = require('webpack') |
||||
|
var config = require('../config') |
||||
|
var merge = require('webpack-merge') |
||||
|
var baseWebpackConfig = require('./webpack.base.conf') |
||||
|
var HtmlWebpackPlugin = require('html-webpack-plugin') |
||||
|
var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin') |
||||
|
|
||||
|
// add hot-reload related code to entry chunks
|
||||
|
Object.keys(baseWebpackConfig.entry).forEach(function (name) { |
||||
|
baseWebpackConfig.entry[name] = ['./build/dev-client'].concat(baseWebpackConfig.entry[name]) |
||||
|
}) |
||||
|
|
||||
|
module.exports = merge(baseWebpackConfig, { |
||||
|
module: { |
||||
|
rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap }) |
||||
|
}, |
||||
|
// cheap-module-eval-source-map is faster for development
|
||||
|
devtool: '#cheap-module-eval-source-map', |
||||
|
plugins: [ |
||||
|
new webpack.DefinePlugin({ |
||||
|
'process.env': config.dev.env |
||||
|
}), |
||||
|
// https://github.com/glenjamin/webpack-hot-middleware#installation--usage
|
||||
|
new webpack.HotModuleReplacementPlugin(), |
||||
|
new webpack.NoEmitOnErrorsPlugin(), |
||||
|
// https://github.com/ampedandwired/html-webpack-plugin
|
||||
|
new HtmlWebpackPlugin({ |
||||
|
filename: 'index.html', |
||||
|
template: 'index.html', |
||||
|
inject: true |
||||
|
}), |
||||
|
new FriendlyErrorsPlugin() |
||||
|
] |
||||
|
}) |
||||
@ -0,0 +1,120 @@ |
|||||
|
var path = require('path') |
||||
|
var utils = require('./utils') |
||||
|
var webpack = require('webpack') |
||||
|
var config = require('../config') |
||||
|
var merge = require('webpack-merge') |
||||
|
var baseWebpackConfig = require('./webpack.base.conf') |
||||
|
var CopyWebpackPlugin = require('copy-webpack-plugin') |
||||
|
var HtmlWebpackPlugin = require('html-webpack-plugin') |
||||
|
var ExtractTextPlugin = require('extract-text-webpack-plugin') |
||||
|
var OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin') |
||||
|
|
||||
|
var env = config.build.env |
||||
|
|
||||
|
var webpackConfig = merge(baseWebpackConfig, { |
||||
|
module: { |
||||
|
rules: utils.styleLoaders({ |
||||
|
sourceMap: config.build.productionSourceMap, |
||||
|
extract: true |
||||
|
}) |
||||
|
}, |
||||
|
devtool: config.build.productionSourceMap ? '#source-map' : false, |
||||
|
output: { |
||||
|
path: config.build.assetsRoot, |
||||
|
filename: utils.assetsPath('js/[name].[chunkhash].js'), |
||||
|
chunkFilename: utils.assetsPath('js/[id].[chunkhash].js') |
||||
|
}, |
||||
|
plugins: [ |
||||
|
// http://vuejs.github.io/vue-loader/en/workflow/production.html
|
||||
|
new webpack.DefinePlugin({ |
||||
|
'process.env': env |
||||
|
}), |
||||
|
new webpack.optimize.UglifyJsPlugin({ |
||||
|
compress: { |
||||
|
warnings: false |
||||
|
}, |
||||
|
sourceMap: true |
||||
|
}), |
||||
|
// extract css into its own file
|
||||
|
new ExtractTextPlugin({ |
||||
|
filename: utils.assetsPath('css/[name].[contenthash].css') |
||||
|
}), |
||||
|
// Compress extracted CSS. We are using this plugin so that possible
|
||||
|
// duplicated CSS from different components can be deduped.
|
||||
|
new OptimizeCSSPlugin({ |
||||
|
cssProcessorOptions: { |
||||
|
safe: true |
||||
|
} |
||||
|
}), |
||||
|
// generate dist index.html with correct asset hash for caching.
|
||||
|
// you can customize output by editing /index.html
|
||||
|
// see https://github.com/ampedandwired/html-webpack-plugin
|
||||
|
new HtmlWebpackPlugin({ |
||||
|
filename: config.build.index, |
||||
|
template: 'index.html', |
||||
|
inject: true, |
||||
|
minify: { |
||||
|
removeComments: true, |
||||
|
collapseWhitespace: true, |
||||
|
removeAttributeQuotes: true |
||||
|
// more options:
|
||||
|
// https://github.com/kangax/html-minifier#options-quick-reference
|
||||
|
}, |
||||
|
// necessary to consistently work with multiple chunks via CommonsChunkPlugin
|
||||
|
chunksSortMode: 'dependency' |
||||
|
}), |
||||
|
// split vendor js into its own file
|
||||
|
new webpack.optimize.CommonsChunkPlugin({ |
||||
|
name: 'vendor', |
||||
|
minChunks: function (module, count) { |
||||
|
// any required modules inside node_modules are extracted to vendor
|
||||
|
return ( |
||||
|
module.resource && |
||||
|
/\.js$/.test(module.resource) && |
||||
|
module.resource.indexOf( |
||||
|
path.join(__dirname, '../node_modules') |
||||
|
) === 0 |
||||
|
) |
||||
|
} |
||||
|
}), |
||||
|
// extract webpack runtime and module manifest to its own file in order to
|
||||
|
// prevent vendor hash from being updated whenever app bundle is updated
|
||||
|
new webpack.optimize.CommonsChunkPlugin({ |
||||
|
name: 'manifest', |
||||
|
chunks: ['vendor'] |
||||
|
}), |
||||
|
// copy custom static assets
|
||||
|
new CopyWebpackPlugin([ |
||||
|
{ |
||||
|
from: path.resolve(__dirname, '../static'), |
||||
|
to: config.build.assetsSubDirectory, |
||||
|
ignore: ['.*'] |
||||
|
} |
||||
|
]) |
||||
|
] |
||||
|
}) |
||||
|
|
||||
|
if (config.build.productionGzip) { |
||||
|
var CompressionWebpackPlugin = require('compression-webpack-plugin') |
||||
|
|
||||
|
webpackConfig.plugins.push( |
||||
|
new CompressionWebpackPlugin({ |
||||
|
asset: '[path].gz[query]', |
||||
|
algorithm: 'gzip', |
||||
|
test: new RegExp( |
||||
|
'\\.(' + |
||||
|
config.build.productionGzipExtensions.join('|') + |
||||
|
')$' |
||||
|
), |
||||
|
threshold: 10240, |
||||
|
minRatio: 0.8 |
||||
|
}) |
||||
|
) |
||||
|
} |
||||
|
|
||||
|
if (config.build.bundleAnalyzerReport) { |
||||
|
var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin |
||||
|
webpackConfig.plugins.push(new BundleAnalyzerPlugin()) |
||||
|
} |
||||
|
|
||||
|
module.exports = webpackConfig |
||||
@ -0,0 +1,6 @@ |
|||||
|
var merge = require('webpack-merge') |
||||
|
var prodEnv = require('./prod.env') |
||||
|
|
||||
|
module.exports = merge(prodEnv, { |
||||
|
NODE_ENV: '"development"' |
||||
|
}) |
||||
@ -0,0 +1,38 @@ |
|||||
|
// see http://vuejs-templates.github.io/webpack for documentation.
|
||||
|
var path = require('path') |
||||
|
|
||||
|
module.exports = { |
||||
|
build: { |
||||
|
env: require('./prod.env'), |
||||
|
index: path.resolve(__dirname, '../dist/index.html'), |
||||
|
assetsRoot: path.resolve(__dirname, '../dist'), |
||||
|
assetsSubDirectory: 'static', |
||||
|
assetsPublicPath: '/', |
||||
|
productionSourceMap: true, |
||||
|
// Gzip off by default as many popular static hosts such as
|
||||
|
// Surge or Netlify already gzip all static assets for you.
|
||||
|
// Before setting to `true`, make sure to:
|
||||
|
// npm install --save-dev compression-webpack-plugin
|
||||
|
productionGzip: false, |
||||
|
productionGzipExtensions: ['js', 'css'], |
||||
|
// Run the build command with an extra argument to
|
||||
|
// View the bundle analyzer report after build finishes:
|
||||
|
// `npm run build --report`
|
||||
|
// Set to `true` or `false` to always turn it on or off
|
||||
|
bundleAnalyzerReport: process.env.npm_config_report |
||||
|
}, |
||||
|
dev: { |
||||
|
env: require('./dev.env'), |
||||
|
port: 8080, |
||||
|
autoOpenBrowser: true, |
||||
|
assetsSubDirectory: 'static', |
||||
|
assetsPublicPath: '/', |
||||
|
proxyTable: {}, |
||||
|
// CSS Sourcemaps off by default because relative paths are "buggy"
|
||||
|
// with this option, according to the CSS-Loader README
|
||||
|
// (https://github.com/webpack/css-loader#sourcemaps)
|
||||
|
// In our experience, they generally work as expected,
|
||||
|
// just be aware of this issue when enabling this option.
|
||||
|
cssSourceMap: false |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,3 @@ |
|||||
|
module.exports = { |
||||
|
NODE_ENV: '"production"' |
||||
|
} |
||||
@ -0,0 +1,11 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<title>mensa</title> |
||||
|
</head> |
||||
|
<body> |
||||
|
<div id="app"></div> |
||||
|
<!-- built files will be auto injected --> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,69 @@ |
|||||
|
{ |
||||
|
"name": "mensa", |
||||
|
"version": "1.0.0", |
||||
|
"description": "Mensaplan der Universität Göttingen", |
||||
|
"author": "Marcel Schneider <marcel@webschneider.org>", |
||||
|
"private": true, |
||||
|
"scripts": { |
||||
|
"dev": "node build/dev-server.js", |
||||
|
"start": "node build/dev-server.js", |
||||
|
"build": "node build/build.js", |
||||
|
"lint": "eslint --ext .js,.vue src" |
||||
|
}, |
||||
|
"dependencies": { |
||||
|
"vue": "^2.2.2", |
||||
|
"vue-router": "^2.3.0" |
||||
|
}, |
||||
|
"devDependencies": { |
||||
|
"autoprefixer": "^6.7.2", |
||||
|
"babel-core": "^6.22.1", |
||||
|
"babel-eslint": "^7.1.1", |
||||
|
"babel-loader": "^6.2.10", |
||||
|
"babel-plugin-transform-runtime": "^6.22.0", |
||||
|
"babel-preset-env": "^1.2.1", |
||||
|
"babel-preset-stage-2": "^6.22.0", |
||||
|
"babel-register": "^6.22.0", |
||||
|
"chalk": "^1.1.3", |
||||
|
"connect-history-api-fallback": "^1.3.0", |
||||
|
"copy-webpack-plugin": "^4.0.1", |
||||
|
"css-loader": "^0.26.1", |
||||
|
"eslint": "^3.14.1", |
||||
|
"eslint-friendly-formatter": "^2.0.7", |
||||
|
"eslint-loader": "^1.6.1", |
||||
|
"eslint-plugin-html": "^2.0.0", |
||||
|
"eslint-config-standard": "^6.2.1", |
||||
|
"eslint-plugin-promise": "^3.4.0", |
||||
|
"eslint-plugin-standard": "^2.0.1", |
||||
|
"eventsource-polyfill": "^0.9.6", |
||||
|
"express": "^4.14.1", |
||||
|
"extract-text-webpack-plugin": "^2.0.0", |
||||
|
"file-loader": "^0.10.0", |
||||
|
"friendly-errors-webpack-plugin": "^1.1.3", |
||||
|
"html-webpack-plugin": "^2.28.0", |
||||
|
"http-proxy-middleware": "^0.17.3", |
||||
|
"webpack-bundle-analyzer": "^2.2.1", |
||||
|
"semver": "^5.3.0", |
||||
|
"shelljs": "^0.7.6", |
||||
|
"opn": "^4.0.2", |
||||
|
"optimize-css-assets-webpack-plugin": "^1.3.0", |
||||
|
"ora": "^1.1.0", |
||||
|
"rimraf": "^2.6.0", |
||||
|
"url-loader": "^0.5.8", |
||||
|
"vue-loader": "^11.1.4", |
||||
|
"vue-style-loader": "^2.0.0", |
||||
|
"vue-template-compiler": "^2.2.4", |
||||
|
"webpack": "^2.2.1", |
||||
|
"webpack-dev-middleware": "^1.10.0", |
||||
|
"webpack-hot-middleware": "^2.16.1", |
||||
|
"webpack-merge": "^2.6.1" |
||||
|
}, |
||||
|
"engines": { |
||||
|
"node": ">= 4.0.0", |
||||
|
"npm": ">= 3.0.0" |
||||
|
}, |
||||
|
"browserslist": [ |
||||
|
"> 1%", |
||||
|
"last 2 versions", |
||||
|
"not ie <= 8" |
||||
|
] |
||||
|
} |
||||
@ -0,0 +1,29 @@ |
|||||
|
<template> |
||||
|
<div id="app"> |
||||
|
<router-link to="/zentralmensa/heute">Zentralmensa</router-link> |
||||
|
<router-link to="/turmmensa/heute">Mensa Am Turm</router-link> |
||||
|
<router-link to="/nordmensa/heute">Nordmensa</router-link> |
||||
|
<router-view></router-view> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'app', |
||||
|
data () { |
||||
|
return { |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
#app { |
||||
|
font-family: 'Avenir', Helvetica, Arial, sans-serif; |
||||
|
-webkit-font-smoothing: antialiased; |
||||
|
-moz-osx-font-smoothing: grayscale; |
||||
|
text-align: center; |
||||
|
color: #2c3e50; |
||||
|
margin-top: 60px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,53 @@ |
|||||
|
<template> |
||||
|
<div class="hello"> |
||||
|
<h1>{{ msg }}</h1> |
||||
|
<h2>Essential Links</h2> |
||||
|
<ul> |
||||
|
<li><a href="https://vuejs.org" target="_blank">Core Docs</a></li> |
||||
|
<li><a href="https://forum.vuejs.org" target="_blank">Forum</a></li> |
||||
|
<li><a href="https://gitter.im/vuejs/vue" target="_blank">Gitter Chat</a></li> |
||||
|
<li><a href="https://twitter.com/vuejs" target="_blank">Twitter</a></li> |
||||
|
<br> |
||||
|
<li><a href="http://vuejs-templates.github.io/webpack/" target="_blank">Docs for This Template</a></li> |
||||
|
</ul> |
||||
|
<h2>Ecosystem</h2> |
||||
|
<ul> |
||||
|
<li><a href="http://router.vuejs.org/" target="_blank">vue-router</a></li> |
||||
|
<li><a href="http://vuex.vuejs.org/" target="_blank">vuex</a></li> |
||||
|
<li><a href="http://vue-loader.vuejs.org/" target="_blank">vue-loader</a></li> |
||||
|
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank">awesome-vue</a></li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'hello', |
||||
|
data () { |
||||
|
return { |
||||
|
msg: 'Welcome to Your Vue.js App' |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<!-- Add "scoped" attribute to limit CSS to this component only --> |
||||
|
<style scoped> |
||||
|
h1, h2 { |
||||
|
font-weight: normal; |
||||
|
} |
||||
|
|
||||
|
ul { |
||||
|
list-style-type: none; |
||||
|
padding: 0; |
||||
|
} |
||||
|
|
||||
|
li { |
||||
|
display: inline-block; |
||||
|
margin: 0 10px; |
||||
|
} |
||||
|
|
||||
|
a { |
||||
|
color: #42b983; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,45 @@ |
|||||
|
<template> |
||||
|
<div class="hello"> |
||||
|
<router-link :to="'/' + $route.params.mensa + '/heute'">Heute</router-link> |
||||
|
<router-link :to="'/' + $route.params.mensa + '/morgen'">Morgen</router-link> |
||||
|
<router-link :to="'/' + $route.params.mensa + '/uebermorgen'">Übermorgen</router-link> |
||||
|
<p>{{$route.params.mensa}}</p> |
||||
|
<router-view></router-view> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'mensa', |
||||
|
data () { |
||||
|
return { |
||||
|
} |
||||
|
}, |
||||
|
created () { |
||||
|
if (!this.$route.params.tag) { |
||||
|
this.$router.replace(`heute`) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<!-- Add "scoped" attribute to limit CSS to this component only --> |
||||
|
<style scoped> |
||||
|
h1, h2 { |
||||
|
font-weight: normal; |
||||
|
} |
||||
|
|
||||
|
ul { |
||||
|
list-style-type: none; |
||||
|
padding: 0; |
||||
|
} |
||||
|
|
||||
|
li { |
||||
|
display: inline-block; |
||||
|
margin: 0 10px; |
||||
|
} |
||||
|
|
||||
|
a { |
||||
|
color: #42b983; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,38 @@ |
|||||
|
<template> |
||||
|
<div class="hello"> |
||||
|
<p> |
||||
|
{{ $route.fullPath }} |
||||
|
</p> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'mensa', |
||||
|
data () { |
||||
|
return { |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<!-- Add "scoped" attribute to limit CSS to this component only --> |
||||
|
<style scoped> |
||||
|
h1, h2 { |
||||
|
font-weight: normal; |
||||
|
} |
||||
|
|
||||
|
ul { |
||||
|
list-style-type: none; |
||||
|
padding: 0; |
||||
|
} |
||||
|
|
||||
|
li { |
||||
|
display: inline-block; |
||||
|
margin: 0 10px; |
||||
|
} |
||||
|
|
||||
|
a { |
||||
|
color: #42b983; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,12 @@ |
|||||
|
import Vue from 'vue' |
||||
|
import App from './App' |
||||
|
import router from './router' |
||||
|
|
||||
|
Vue.config.productionTip = false |
||||
|
|
||||
|
/* eslint-disable no-new */ |
||||
|
new Vue({ |
||||
|
el: '#app', |
||||
|
router, |
||||
|
render: h => h(App) |
||||
|
}) |
||||
@ -0,0 +1,27 @@ |
|||||
|
import Vue from 'vue' |
||||
|
import Router from 'vue-router' |
||||
|
import Hello from '@/components/Hello' |
||||
|
import Mensa from '@/components/Mensa' |
||||
|
import Tag from '@/components/Tag' |
||||
|
|
||||
|
Vue.use(Router) |
||||
|
|
||||
|
export default new Router({ |
||||
|
mode: 'history', |
||||
|
routes: [ |
||||
|
{ |
||||
|
path: '/', |
||||
|
name: 'Hello', |
||||
|
component: Hello |
||||
|
}, |
||||
|
{ |
||||
|
path: '/:mensa', |
||||
|
name: 'Mensa', |
||||
|
component: Mensa, |
||||
|
children: [{ |
||||
|
path: ':tag', |
||||
|
component: Tag |
||||
|
}] |
||||
|
} |
||||
|
] |
||||
|
}) |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue