webpack.config.js

const path = require('path')
const srcPath = path.join(__dirname, 'src') + path.sep
const outputPath = path.join(__dirname, 'build') + path.sep
const widgetWebpack = require('materia-widget-development-kit/webpack-widget')

const rules = widgetWebpack.getDefaultRules()
const copy = widgetWebpack.getDefaultCopyList()

const entries = {
	'player.js': [
		path.join(srcPath, 'player.js')
	],
	'player.css': [
		path.join(srcPath, 'player.html'),
		path.join(srcPath, 'player.scss')
	],
	'creator.js': [
		path.join(srcPath, 'creator.js')
	],
	'creator.css': [
		path.join(srcPath, 'creator.html'),
		path.join(srcPath, 'creator.scss')
	],
	'scoreScreen.js': [
		path.join(srcPath, 'scoreScreen.js')
	],
	'scoreScreen.css': [
		path.join(srcPath, 'scoreScreen.html'),
		path.join(srcPath, 'scoreScreen.scss')
	],
	'guides/player.temp.html': [
		path.join(srcPath, '_guides', 'player.md')
	],
	'guides/creator.temp.html': [
		path.join(srcPath, '_guides', 'creator.md')
	]
}

const customCopy = copy.concat([
	{
		from: path.join(srcPath, '_guides', 'assets'),
		to: path.join(outputPath, 'guides', 'assets'),
		toType: 'dir'
	}
])

const customReactLoader = {
	test: /\.js$/,
	exclude: /node_modules/,
	use: {
		loader: 'babel-loader'
	}
}

const customRules = [
	rules.loadHTMLAndReplaceMateriaScripts,
	rules.loadAndPrefixCSS,
	rules.loadAndPrefixSASS,
	rules.loadAndCompileMarkdown,
	rules.copyImages,
	customReactLoader
]

const options = {
	entries: entries,
	moduleRules: customRules,
	copyList: customCopy
}

const buildConfig = widgetWebpack.getLegacyWidgetBuildConfig(options)

buildConfig.externals = {
	"react": "React",
	"react-dom": "ReactDOM"
}

module.exports = buildConfig