update build process for docs

build/build-docs.js

@@ -0,0 +1,8 @@
+// https://github.com/shelljs/shelljs
+const shell = require('shelljs');
+
+shell.exec('gitbook build', (code, stdout, stderr) => {
+  if( code === 0 ) {
+    shell.exec('mv _book site/docs')
+  }
+});

build/build.js

@@ -1,31 +1,33 @@
 // https://github.com/shelljs/shelljs
-require('shelljs/global')
-env.NODE_ENV = 'production'
+require('shelljs/global');
+env.NODE_ENV = 'production';
 
-var path = require('path')
-var config = require('../config')
-var ora = require('ora')
-var webpack = require('webpack')
-var webpackConfig = require('./webpack.prod.conf')
+var path = require('path');
+var config = require('../config');
+var ora = require('ora');
+var webpack = require('webpack');
+var utils = require('./utils');
+var webpackConfig = utils.shouldBuildHomepage() ? require('./webpack.site.conf') : require('./webpack.prod.conf');
 
-var spinner = ora('building UMD module...')
-spinner.start()
+var text = utils.shouldBuildHomepage() ? 'homepage' : 'vue-select UMD module';
+var spinner = ora(`building ${text}...`);
+spinner.start();
 
-var assetsPath = path.join(config.build.assetsRoot, config.build.assetsSubDirectory)
-rm('-rf', assetsPath)
-mkdir('-p', assetsPath)
+var assetsPath = path.join(config.build.assetsRoot, config.build.assetsSubDirectory);
+rm('-rf', assetsPath);
+mkdir('-p', assetsPath);
 
 /**
  * Build the /dist/ folder
  */
 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')
-})
+  spinner.stop();
+  if (err) throw err;
+  process.stdout.write(stats.toString({
+    colors: true,
+    modules: false,
+    children: false,
+    chunks: false,
+    chunkModules: false
+  }) + '\n')
+});

build/utils.js

@@ -76,4 +76,8 @@ exports.styleLoaders = function (options) {
  */
 exports.shouldServeHomepage = function () {
   return process.argv.indexOf('--docs') > 0
+}
+
+exports.shouldBuildHomepage = function () {
+  return process.argv.indexOf('--homepage') > 0
 }

build/webpack.site.conf.js

@@ -0,0 +1,82 @@
+var path = require('path')
+var config = require('../config')
+var utils = require('./utils')
+var webpack = require('webpack')
+var merge = require('webpack-merge')
+var baseWebpackConfig = require('./webpack.base.conf')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+var HtmlWebpackPlugin = require('html-webpack-plugin')
+var env = process.env.NODE_ENV === 'testing'
+    ? require('../config/test.env')
+    : config.homepage.env
+
+module.exports = merge(baseWebpackConfig, {
+  entry: {
+    app: config.homepage.entry
+  },
+  module: {
+    loaders: utils.styleLoaders({ sourceMap: config.homepage.productionSourceMap, extract: true })
+  },
+  devtool: config.homepage.productionSourceMap ? '#source-map' : false,
+  output: {
+    path: config.homepage.assetsRoot,
+    filename: utils.assetsPath('js/[name].[chunkhash].js'),
+    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
+  },
+  vue: {
+    loaders: utils.cssLoaders({
+      sourceMap: config.homepage.productionSourceMap,
+      extract: true
+    })
+  },
+  plugins: [
+    // http://vuejs.github.io/vue-loader/workflow/production.html
+    new webpack.DefinePlugin({
+      'process.env': env
+    }),
+    new webpack.optimize.UglifyJsPlugin({
+      compress: {
+        warnings: false
+      }
+    }),
+    new webpack.optimize.OccurenceOrderPlugin(),
+    // extract css into its own file
+    new ExtractTextPlugin(utils.assetsPath('css/[name].[contenthash].css')),
+    // 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: 'index.html',
+      template: './docs/homepage/home.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 &&
+            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']
+    })
+  ]
+})