Use pug templates

This commit is contained in:
Lucas Verney 2016-11-04 16:06:14 -04:00
parent a71485b30d
commit dbcfd10b14
6 changed files with 27 additions and 27 deletions

View File

@ -1,5 +1,4 @@
<template>
<div class="rsvp-app" role="application">
<router-view></router-view>
</div>
<template lang="pug">
div(role="application")
router-view
</template>

View File

@ -1,3 +1,4 @@
<template>
<div><p>Hello world 2</p></div>
<template lang="pug">
div
p {{ 'Hello world 2' }}
</template>

View File

@ -1,5 +1,4 @@
<template>
<div>
<p>Hello world</p>
</div>
<template lang="pug">
div
p {{ 'Hello world' }}
</template>

View File

@ -1,15 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>RSVP</title>
<meta name="mobile-web-app-capable" content="yes">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
</head>
<body>
<div role="application"></div>
<script src="dist/commons.bundle.js"></script>
<script src="dist/app.bundle.js"></script>
</body>
</html>

13
index.pug Normal file
View File

@ -0,0 +1,13 @@
doctype
html
head
title RSVP
meta(charset="utf-8")
meta(http-equiv="X-UA-Compatible", content="IE=edge,chrome=1")
meta(name="viewport", content="width=device-width,initial-scale=1.0")
body
div(role="application")
script(src="./commons.bundle.js")
script(src="./app.bundle.js")

View File

@ -17,8 +17,8 @@
}
},
"scripts": {
"build:prod": "cross-env NODE_ENV=production webpack -p",
"build:dev": "cross-env NODE_ENV=development webpack",
"build:prod": "cross-env NODE_ENV=production webpack -p && pug --out dist/ index.pug",
"build:dev": "cross-env NODE_ENV=development webpack && pug --pretty --out dist/ index.pug",
"lint": "standard 'app/**/*.js' 'webpack.config.js'",
"clean": "rimraf dist/*"
},
@ -38,6 +38,9 @@
"cross-env": "^3.1.3",
"css-loader": "^0.25.0",
"debug-loader": "0.0.1",
"pug": "^2.0.0-beta6",
"pug-cli": "^1.0.0-alpha6",
"pug-loader": "^2.3.0",
"rimraf": "^2.5.4",
"standard": "^8.5.0",
"vue-loader": "^9.7.0",