- dont destroy /dist/ when building homepage

- update public path (should work this time!)
- load octicons from CDN

build/build.js

@@ -14,8 +14,10 @@ var spinner = ora(`building ${text}...`);
 spinner.start();
 
 var assetsPath = path.join(config.build.assetsRoot, config.build.assetsSubDirectory);
-rm('-rf', assetsPath);
-mkdir('-p', assetsPath);
+if (!utils.shouldBuildHomepage()) {
+  rm('-rf', assetsPath);
+  mkdir('-p', assetsPath);
+}
 
 /**
  * Build the /dist/ folder

build/webpack.site.conf.js

@@ -19,7 +19,7 @@ module.exports = merge(baseWebpackConfig, {
   },
   devtool: config.homepage.productionSourceMap ? '#source-map' : false,
   output: {
-    publicPath: '',
+    publicPath: config.homepage.assetsPublicPath,
     path: config.homepage.assetsRoot,
     filename: utils.assetsPath('js/[name].[chunkhash].js'),
     chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')

config/index.js

@@ -23,7 +23,7 @@ module.exports = {
     entry: './docs/homepage/home.js',
     assetsRoot: path.resolve(__dirname, '../site'),
     assetsSubDirectory: '',
-    assetsPublicPath: '/',
+    assetsPublicPath: '',
     productionSourceMap: true
   }
 };

docs/homepage/assets/scss/home.scss

@@ -1,4 +1,4 @@
 @import '~normalize.css';
 @import 'demo';
 @import 'cyan_theme';
-@import 'octicons';
+//@import 'octicons';

docs/homepage/home.html

@@ -6,6 +6,7 @@
 
     <link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600|Roboto Mono" rel="stylesheet" type="text/css">
     <link href="//fonts.googleapis.com/css?family=Dosis:300&amp;text=Vue Select" rel="stylesheet" type="text/css">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/octicons/4.4.0/font/octicons.min.css" rel="stylesheet" type="text/css">
 
     <meta name="title" content="Vue Select | VueJS Select2/Chosen Component">
     <meta name="description"
@@ -102,7 +103,7 @@
                 <span class="octicon octicon-mark-github"></span> View on GitHub
             </a>
 
-            <a class="btn btn-primary btn-outline btn-lg" href="/docs/">
+            <a class="btn btn-primary btn-outline btn-lg" href="docs/">
                 <span class="octicon octicon-book"></span> Read the Docs
             </a>
         </div>

docs/homepage/home.js

@@ -16,7 +16,7 @@ new Vue({
         {
           title: 'Read the Docs',
           icon: 'octicon-book',
-          url: '/docs/'
+          url: 'docs/'
         },
         {
           title: 'View on GitHub',