webpack.config.js

// grab webpack config from MWDK
const widgetWebpack = require('materia-widget-development-kit/webpack-widget')

// replace default entries
const entries = {
	'js/player.js': ['./src/js/player.js'],
	'player.css': [
		'./src/player.html',
		'./src/player.scss',
		'./src/react-joyride-compiled.scss',
		'./src/custom-joyride.scss'
	]
}

// get default ruleset from widget config - need to create new ruleset by bundling default + custom
const rules = widgetWebpack.getDefaultRules()

// create new JS rules for transpiling babel (vs. raw-loader, the default)
const customDoNothingToJs = {
		test: /\.js$/,
		use: {
			loader: 'babel-loader',
			options: {
				presets: ['babel-preset-env']
			}
		},
		exclude: /(node_modules|bower_components)/,
}

// create new ruleset
const customRules = [
	customDoNothingToJs,
	rules.loadAndPrefixCSS,
	rules.loadAndPrefixSASS,
	rules.loadHTMLAndReplaceMateriaScripts,
	rules.copyImages,
]

// create options object to pass to build config
const options = {
	moduleRules: customRules,
	entries: entries
}

const config = widgetWebpack.getLegacyWidgetBuildConfig(options)

// prevent webpack from including these, we'll load from a cdn
config.externals = {
	react: 'React',
	'react-dom': 'ReactDOM',
	redux: 'Redux',
	aframe: 'AFRAME'
}

module.exports = config