Adds docker-compose to quasar default template.

template/.dockerignore

@@ -0,0 +1 @@
+node_modules/

template/Dockerfile

@@ -0,0 +1,18 @@
+FROM node:8-alpine
+RUN apk add --update bash && rm -rf /var/cache/apk/*
+RUN apk add --update git && rm -rf /tmp/* /var/cache/apk/*
+RUN npm install -g cordova quasar-cli
+RUN cordova --version
+
+WORKDIR /var/www
+
+ENV NODE_ENV=development
+COPY package.json /var/wwwpackage.json
+RUN npm install
+
+COPY . /var/www
+
+EXPOSE 8080
+VOLUME /var/www
+
+CMD ["quasar", "dev"]

template/README.md

@@ -2,9 +2,34 @@
 
 > A Quasar project
 
-## Build Setup
+## Develop using docker
+This will allow you to develop the quasar app in a docker container.
+
+Open two terminals pointing to the same project root. Use one to run `docker-compose up` and another to ssh into the running container to run wanted commands with `npm run bash`
+
+``` bash
+
+# Run docker-compose in one terminal
+$ docker-compose up
+
+# ssh into the running container
+$ npm run bash
+```
+
+To work with `quasar dev --play` you must use manually reference the ip port of your computer instead of the one used by the docker container.
 
 ``` bash
+
+# On a mac
+$ ifconfig
+```
+
+## Develop using local environment
+
+### Build Setup
+
+``` bash
+
 # install dependencies
 $ npm install
 

template/build/script.build.js

@@ -10,6 +10,7 @@ var
   config = require('../config'),
   webpack = require('webpack'),
   webpackConfig = require('./webpack.prod.conf'),
+  renderSSR = require('./script.ssr'),
   targetPath = path.join(__dirname, '../dist')
 
 console.log(' WARNING!'.bold)
@@ -31,6 +32,12 @@ function finalize () {
   console.log(' Opening index.html over file:// won\'t work.'.bold)
 }
 
+// Compile SSR
+if (config.renderSSR) {
+  const renderSSR = require('./script.ssr')
+  renderSSR({ watch: false })
+}
+
 webpack(webpackConfig, function (err, stats) {
   if (err) throw err
 

template/build/script.dev.js

@@ -21,6 +21,12 @@ if (config.dev.openBrowser) {
   console.log(' Browser will open when build is ready.\n')
 }
 
+// Compile SSR
+if (config.renderSSR) {
+  const renderSSR = require('./script.ssr')
+  renderSSR({ watch: true })
+}
+
 var compiler = webpack(webpackConfig)
 
 // Define HTTP proxies to your custom API backend

template/build/script.ssr.js

@@ -0,0 +1,27 @@
+var
+  webpack = require('webpack'),
+  webpackSSRConfig = require('./webpack.ssr.conf')
+
+// Compile SSR
+module.exports = function renderSSRFile (overrideOptions) {
+
+  const config = Object.assign(
+    {}, webpackSSRConfig, overrideOptions
+  )
+
+  webpack(config, function (err, stats) {
+    if (err) throw err
+
+    process.stdout.write(stats.toString({
+      colors: true,
+      modules: false,
+      children: false,
+      chunks: false,
+      chunkModules: false
+    }) + '\n')
+
+    if (stats.hasErrors()) {
+      process.exit(1)
+    }
+  })
+}

template/build/webpack.prod.conf.js

@@ -44,7 +44,7 @@ module.exports = merge(baseWebpackConfig, {
       minify: {
         removeComments: true,
         collapseWhitespace: true,
-        removeAttributeQuotes: true
+        removeAttributeQuotes: false
         // more options:
         // https://github.com/kangax/html-minifier#options-quick-reference
       },

template/build/webpack.ssr.conf.js

@@ -0,0 +1,81 @@
+var 
+  config = require('../config'),
+  webpack = require('webpack'),
+  merge = require('webpack-merge'),
+  cssUtils = require('./css-utils'),
+  { cloneDeep } = require('lodash'),
+  baseWebpackConfig = require('./webpack.base.conf'),
+  path = require('path'),
+  FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
+
+const projectRoot = path.resolve(__dirname, '../')
+const serverFolder = config.serverFolder || 'api'
+const baseConfig = cloneDeep(baseWebpackConfig)
+
+module.exports = Object.assign({}, baseConfig, {
+  target: 'node',
+  watch: true,
+  devServer: undefined,
+  devtool: '#cheap-module-eval-source-map',
+  entry: [
+    path.resolve(__dirname, `../${serverFolder}/vue-server-side-rendering.js`)
+  ],
+  output: {
+    libraryTarget: 'commonjs2',
+    path: path.resolve(__dirname, `../${serverFolder}/src/ssr/`),
+    filename: 'compiled-ssr.js',
+  },
+  module: {
+    rules: cssUtils.styleRules({
+      sourceMap: config.dev.cssSourceMap,
+      postcss: true
+    }).concat([
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        include: projectRoot,
+        exclude: /node_modules/
+      },
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: {
+          postcss: cssUtils.postcss,
+          loaders: merge({js: 'babel-loader'}, cssUtils.styleLoaders({
+            sourceMap: false,
+            extract: false
+          }))
+        }
+      },
+      {
+        test: /\.json$/,
+        loader: 'json-loader'
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: 'img/[name].[hash:7].[ext]'
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: 'fonts/[name].[hash:7].[ext]'
+        }
+      }
+    ])
+  },
+  plugins: baseConfig.plugins.concat([
+    new webpack.NoEmitOnErrorsPlugin(),
+    new FriendlyErrorsPlugin({
+      clearConsole: config.dev.clearConsoleOnRebuild
+    })
+  ]),
+  performance: {
+    hints: false
+  }
+})

template/config/index.js

@@ -17,6 +17,9 @@ module.exports = {
   // Default theme to build with ('ios' or 'mat')
   defaultTheme: 'mat',
 
+  serverFolder: 'api',
+  renderSSR: false,
+
   build: {
     env: require('./prod.env'),
     publicPath: '',

template/docker-compose.yml

@@ -0,0 +1,10 @@
+version: '3'
+services:
+  web:
+    build: .
+    container_name: 'quasar-dev'
+    ports:
+      - "8080:8080"
+    volumes:
+      - .:/var/www/:rw
+      - /var/www/node_modules

template/package.json

@@ -7,6 +7,7 @@
     "clean": "node build/script.clean.js",
     "dev": "node build/script.dev.js",
     "build": "node build/script.build.js",
+    "bash": "docker exec -it quasar-dev bash",
     "lint": "eslint --ext .js,.vue src"
   },
   "dependencies": {