more conditional rendering options

rohitkrai03 · Aug 17, 2017 · 5e5438f · 5e5438f
1 parent 3aa744b
commit 5e5438f
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 4 deletions.
diff --git a/template/build/webpack.base.js b/template/build/webpack.base.js
@@ -21,7 +21,9 @@ const webpackConfig = {
   resolve: {
     extensions: ['.js', '.vue', '.json'],
     alias: {
+      {{#if_eq build "standalone"}}
       vue$: 'vue/dist/vue.esm.js',
+      {{/if_eq}}
     },
   },
   plugins: [

diff --git a/template/build/webpack.production.js b/template/build/webpack.production.js
@@ -6,7 +6,9 @@ const CopyWebpackPlugin = require('copy-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const ExtractTextPlugin = require('extract-text-webpack-plugin');
 const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin');
+{{#lodash}}
 const LodashModuleReplacementPlugin = require('lodash-webpack-plugin');
+{{/lodash}}
 
 const webpackConfig = {
   devtool: '#source-map',
@@ -41,7 +43,9 @@ const webpackConfig = {
         dead_code: true,
       },
     }),
+    {{#lodash}}
     new LodashModuleReplacementPlugin(),
+    {{/lodash}}
     // extract css into its own file
     new ExtractTextPlugin({
       filename: './css/[name].[contenthash].css',

diff --git a/template/build/webpack.testing.js b/template/build/webpack.testing.js
@@ -1,8 +1,8 @@
 // This is the webpack config used for unit tests.
 
-const webpack = require("webpack");
-const merge = require("webpack-merge");
-const baseConfig = require("./webpack.base");
+const webpack = require('webpack');
+const merge = require('webpack-merge');
+const baseConfig = require('./webpack.base');
 
 const webpackConfig = merge(baseConfig, {
   // use inline sourcemap for karma-sourcemap-loader

diff --git a/template/src/js/App.vue b/template/src/js/App.vue
@@ -1,13 +1,26 @@
 <template>
   <div id="app">
     <img src="../assets/logo.png">
+    {{#router}}
     <router-view></router-view>
+    {{else}}
+    <hello></hello>
+    {{/router}}
   </div>
 </template>
 
 <script>
+{{#unless router}}
+import Hello from './components/Hello';
+{{/unless}}
 export default {
   name: 'app',
+  {{#router}}
+  {{else}},
+  components: {
+    Hello,
+  },
+  {{/router}}
 };
 </script>
 

diff --git a/template/src/js/components/Hello.vue b/template/src/js/components/Hello.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="hello">
-    <h1>{{ msg }}</h1>
+    <h1>\{{ msg }}</h1>
     <h2>Essential Links</h2>
     <ul>
       <li><a href="https://vuejs.org" target="_blank">Core Docs</a></li>