kynatro · May 24, 2017 04:56
diff --git a/README.md b/README.md
diff --git a/about.js b/about.js
 // source/js/about.js

 import Promise from 'es6-promise'
 import { query, queryAll } from 'dom-helpers'
 import Slider from 'slider'

 // Do stuff with imported modules
diff --git a/Gruntfile.automated.js b/Gruntfile.automated.js
 const path = require('path')

 module.exports = function(grunt) {
  const config = {
    browserify: {
      options: {
        transform: [
          ['babelify', { presets: ['es2015', 'es2016'] }]
        ]
      },
      main: {
        src: ['source/js/main.js'],
        dest: ['www/js/main.js'],
        options: {
          alias: [
            'es6-promise:',
            './source/js/helpers/dom-helpers.js:dom-helpers',
            './source/js/lib/slider.js:slider'
          ]
        }
      }
    }
  }
  
  grunt.file.expand(['source/js/*.js', '!source/js/main.js']).forEach((filepath) => {
    const slug = path.basename(filepath, '.js')
    const dest = `www/js/${slug}.js`
    
    config.browserify[slug] = {
      src: [filepath],
      dest: dest,
      options: {
        external: config.browserify.main.options.alias.map((alias) => {
          const [ module, name ] = alias.split(':')
          // Return the alias 'name' if its set or the module name
          return name || module
        })
      }
    }
  })

  grunt.initConfig(config)
 }
diff --git a/Gruntfile.js b/Gruntfile.js
 module.exports = function(grunt) {
  const config = {
    browserify: {
      options: {
        transform: [
          ['babelify', { presets: ['es2015', 'es2016'] }]
        ]
      },
      main: {
        src: ['source/js/main.js'],
        dest: ['www/js/main.js'],
        options: {
          alias: [
            'es6-promise:',   // The trailing : is required because of the way Browserify handles the naming with alias
            './source/js/helpers/dom-helpers.js:dom-helpers',   // Alias as 'dom-helpers'
            './source/js/lib/slider.js:slider'   // Alias as 'slider'
          ]
        }
      },
      about: {
        src: ['source/js/main.js'],
        dest: ['www/js/main.js'],
        options: {
          // External definitions must be set at the manifest level and won't
          // inherit from the 'common' Browserify options
          external: [
            'es6-promise',
            'dom-helpers',
            'slider'
          ]
        }
      },
      home: {
        src: ['source/js/home.js'],
        dest: ['www/js/home.js'],
        options: {
          external: [
            'slider'
          ]
        }
      }
    }
  }

  grunt.initConfig(config)
 }
diff --git a/home.js b/home.js
 // source/js/home.js

 import Slider from 'slider'

 // Do stuff with imported modules
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="en">
  <body>
    <script src="js/main.js"></script>
    <script src="js/home.js"></script>
  </body>
 </html>
diff --git a/main.js b/main.js
 // source/js/main.js

 import { query, queryAll } from 'dom-helpers'

 // Do stuff with imported modules
	// source/js/about.js

	import Promise from 'es6-promise'
	import { query, queryAll } from 'dom-helpers'
	import Slider from 'slider'

	// Do stuff with imported modules
	const path = require('path')

	module.exports = function(grunt) {
	const config = {
	browserify: {
	options: {
	transform: [
	['babelify', { presets: ['es2015', 'es2016'] }]
	]
	},
	main: {
	src: ['source/js/main.js'],
	dest: ['www/js/main.js'],
	options: {
	alias: [
	'es6-promise:',
	'./source/js/helpers/dom-helpers.js:dom-helpers',
	'./source/js/lib/slider.js:slider'
	]
	}
	}
	}
	}

	grunt.file.expand(['source/js/*.js', '!source/js/main.js']).forEach((filepath) => {
	const slug = path.basename(filepath, '.js')
	const dest = `www/js/${slug}.js`

	config.browserify[slug] = {
	src: [filepath],
	dest: dest,
	options: {
	external: config.browserify.main.options.alias.map((alias) => {
	const [ module, name ] = alias.split(':')
	// Return the alias 'name' if its set or the module name
	return name \|\| module
	})
	}
	}
	})

	grunt.initConfig(config)
	}
	// source/js/home.js

	import Slider from 'slider'

	// Do stuff with imported modules
	<!DOCTYPE html>
	<html lang="en">
	<body>
	<script src="js/main.js"></script>
	<script src="js/home.js"></script>
	</body>
	</html>
	// source/js/main.js

	import { query, queryAll } from 'dom-helpers'

	// Do stuff with imported modules