coloroflight/vue-webpack-template

vue-webpack-template

Customized template for developing web service with Vue.js

Which customs are contained in?

• Based on vue-cli (webpack, router, no tests)
• vue-bootstrap & customization file (bootstrap_custom.scss)
• Pre-processors & template added (Pug & Sass / _template.vue)
• Global Sass variable & mixin files added
• Font Setting (SpoqaHanSans is initially set)

Build Setup

# 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

vue-webpack-template's Issues

feat: add server.js (for deploying)

// server.js
var history = require('connect-history-api-fallback');

var express = require('express');
var path = require('path');
var serveStatic = require('serve-static');
app = express();
app.use(history());
app.use(serveStatic(__dirname + "/dist"));
var port = process.env.PORT || 5000;
app.listen(port);
console.log('server started ' + port);

// Yarn
yarn add express connect-history-api-fallback

improve: vue-router "history" mode

improve: add text-truncate mixin

@mixin text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}