docs.iife is being generated, albeit without the vendor js - need to combine that separately due to the non-cjs/umd modules

.travis.yml

@@ -1,8 +1,9 @@
 branches:
   except:
     - v4-dist
-    # remove this later
+    # remove the following later:
     - v4-dev
+    - v4-gulp
 
 sudo: false # use the container infrastructure
 language: node_js

_config.yml

@@ -61,6 +61,8 @@ cdn:
   bootstrap:      https://cdn.rawgit.com/twbs/bootstrap/VERSION/dist/js/bootstrap
   tether:         https://cdn.rawgit.com/HubSpot/tether/vVERSION/dist/js/tether
 
+  'ie10-viewport-bug-workaround': https://maxcdn.bootstrapcdn.com/js/ie10-viewport-bug-workaround.js
+
 
 
 #twitter:

docs/_includes/footer-example.html

@@ -12,8 +12,7 @@
 {% endif %}
 
 <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
-<script src="{{ site.baseurl }}/assets/js/ie10-viewport-bug-workaround.js"></script>
-<script src="{{ site.baseurl }}/assets/js/ie-emulation-modes-warning.js"></script>
+<script src="{{ site.data.cdn['ie10-viewport-bug-workaround'] }}"></script>
 
 <script>
   $(function() {

docs/_includes/footer.html

@@ -21,17 +21,17 @@
 {% if site.data.minified %}
   <script src="{{ site.data.cdn.jquery }}.min.js"></script>
   <script src="{{ site.data.cdn.tether }}.min.js"></script>
-  <script src="{{ site.data.cdn.bootstrap }}.min.js"></script>
   <script src="{{ site.baseurl }}/dist/js/docs.iife.min.js"></script>
 {% else %}
   <script src="{{ site.data.cdn.jquery }}.js"></script>
   <script src="{{ site.data.cdn.tether }}.js"></script>
-  <script src="{{ site.data.cdn.bootstrap }}.js"></script>
   <script src="{{ site.baseurl }}/dist/js/docs.iife.js"></script>
 {% endif %}
 
 <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
-<script src="{{ site.baseurl }}/assets/js/ie10-viewport-bug-workaround.js"></script>
+<script src="{{ site.data.cdn['ie10-viewport-bug-workaround'] }}"></script>
+
+<!-- Docs-only warning about emulation mode - do not use in your page -->
 <script src="{{ site.baseurl }}/assets/js/ie-emulation-modes-warning.js"></script>
 
 {% if page.layout == "docs" %}

docs/assets/js/src/index.js

@@ -1,6 +1,6 @@
 import Style from './style'
 import Clipboard from 'clipboard'
-import anchors from 'anchor'
+import anchors from 'anchor-js'
 
 // import all the mdb code
 import '../../../../js/src/index' // eslint-disable-line no-unused-vars

docs/getting-started/introduction.md

@@ -37,8 +37,9 @@ Add jQuery, Bootstrap, and our Javascript plugins near the end of your pages, ri
 {% highlight html %}
 <script src="{{ site.data.cdn.jquery }}.min.js"></script>
 <script src="{{ site.data.cdn.tether }}.min.js"></script>
-<script src="{{ site.data.cdn.bootstrap }}.min.js"></script>
 <script src="{{ site.cdn.js }}.iife.min.js"></script>
+<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
+<script src="{{ site.data.cdn['ie10-viewport-bug-workaround'] }}"></script>
 <script>
   $('body').bootstrapMaterialDesign()
 </script>
@@ -78,8 +79,9 @@ Put it all together and your pages should look like this:
     <!-- jQuery first, optional tether for tooltips, then Bootstrap and Material Design for Bootstrap JS. -->
     <script src="{{ site.data.cdn.jquery }}.min.js"></script>
     <script src="{{ site.data.cdn.tether }}.min.js"></script>
-    <script src="{{ site.data.cdn.bootstrap }}.min.js"></script>
     <script src="{{ site.cdn.js }}.iife.min.js"></script>
+    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
+    <script src="{{ site.data.cdn['ie10-viewport-bug-workaround'] }}"></script>
     <script>
       $('body').bootstrapMaterialDesign()
     </script>

gulpfile.babel.js

@@ -31,24 +31,46 @@ let preset = Preset.baseline({
 // When converting non-modular dependencies into usable ones using rollup-plugin-commonjs, if they don't have properly read exports add them here.
 let namedExports = {}
 //namedExports[`${node_modules}/corejs-typeahead/dist/bloodhound.js`] = ['Bloodhound']
+//namedExports[`${node_modules}/anchor-js/anchor.js`] = ['AnchorJS']
 
 let rollupConfig = {
+  debug: true,
+  options: {
+    external: [
+      'anchor-js',
+      'clipboard'
+    ],
+    globals: {
+      'anchor-js': 'anchors',
+      clipboard: 'Clipboard'
+    }
+  },
   commonjs: {
     options: {
-      namedExports: namedExports
+      namedExports: namedExports,
     }
   }
 }
 
 let rollups = [
   new RollupEs(gulp, preset, extend(true, {}, rollupConfig, {options: {dest: 'bootstrap-material-design.es.js'}})),
-  new RollupUmd(gulp, preset, extend(true, {}, rollupConfig, {options: {dest: 'bootstrap-material-design.umd.js', moduleName: 'bootstrapMaterialDesign'}})),
-  new RollupIife(gulp, preset, extend(true, {}, rollupConfig, {options: {dest: 'bootstrap-material-design.iife.js', moduleName: 'bootstrapMaterialDesign'}})),
+  new RollupUmd(gulp, preset, extend(true, {}, rollupConfig, {
+    options: {
+      dest: 'bootstrap-material-design.umd.js',
+      moduleName: 'bootstrapMaterialDesign'
+    }
+  })),
+  new RollupIife(gulp, preset, extend(true, {}, rollupConfig, {
+    options: {
+      dest: 'bootstrap-material-design.iife.js',
+      moduleName: 'bootstrapMaterialDesign'
+    }
+  })),
 ]
 
 let eslint = new EsLint(gulp, preset)
 let scsslint = new ScssLint(gulp, preset)
-let sass = new Sass(gulp, preset, {debug: true})
+let sass = new Sass(gulp, preset)
 let lint = [scsslint, eslint]
 
 // instantiate ordered array of recipes (for each instantiation the tasks will be created e.g. sass and sass:watch)
@@ -58,7 +80,8 @@ let recipes = [
   [
     sass,
     rollups
-  ]
+  ],
+  new MinifyCss(gulp, preset)
 ]
 
 // Simple helper to create the default and watch tasks as a sequence of the recipes already defined
@@ -66,3 +89,36 @@ new TaskSeries(gulp, 'default', recipes)
 new TaskSeries(gulp, 'lint', lint)
 new TaskSeries(gulp, 'js', [eslint, rollups])
 new TaskSeries(gulp, 'css', [scsslint, sass])
+
+
+let docsPreset = Preset.baseline({
+  javascripts: {
+    source: {options: {cwd: 'docs/assets/js/src'}},
+    watch: {options: {cwd: 'docs/assets/js/src'}},
+    test: {options: {cwd: 'docs/assets/js/tests'}},
+    dest: 'docs/dist'
+  },
+  stylesheets: {
+    source: {options: {cwd: 'docs/assets/scss'}},
+    watch: {options: {cwd: 'docs/assets/scss'}},
+    dest: 'docs/dist'
+  }
+  /*,
+   images: {
+   source: {options: {cwd: 'docs/assets/img'}},
+   watch: {options: {cwd: 'docs/assets/img'}},
+   dest: 'docs/dist'
+   } */
+})
+
+const docsConfig = {task: {prefix: 'docs:'}}
+
+let docs = [
+  new EsLint(gulp, docsPreset, docsConfig),
+  new RollupIife(gulp, docsPreset, extend(true, {}, docsConfig, rollupConfig, {
+    options: {
+      dest: 'docs.iife.js',
+      moduleName: 'docs'
+    }
+  }))
+]

js/src/index.js

@@ -9,6 +9,7 @@
 
 /* eslint-disable no-unused-vars */
 import 'babel-polyfill/dist/polyfill'
+import 'bootstrap'
 
 // invalidComponentMatches is currently disabled due to https://github.com/rollup/rollup/issues/428#issuecomment-170066452
 import Checkbox from './checkbox'

package.json

@@ -38,9 +38,10 @@
     "tether": "^1.2.0"
   },
   "devDependencies": {
-    "babel-preset-es2015": "^6.6.0",
     "babel-eslint": "^5.0.0",
     "babel-polyfill": "^6.6",
+    "babel-preset-es2015": "^6.6.0",
+    "extend": "^3.0.0",
     "gulp": "^3.9.1",
     "gulp-pipeline": "^0.4"
   },