'use strict';

let webpack = require('webpack');
let path = require('path');

function _path(p) {
	return path.join(__dirname, p);
}

module.exports = {
	entry: "./app.js",
	output: {
		path: __dirname,
		filename: "build/bundle.js"
	},
	module: {
		rules: [
			{
				enforce: 'pre',
				test: /\.js$/,
				loader: 'source-map-loader',
			},
			{
				test: /\.js$/,
				loader: 'babel-loader',
				exclude: /(node_modules)/,
				options: {
					presets: [
						'es2015',
						'stage-0',
					],
					passPerPreset: true,
				},
			},
			{
				test: /\.css$/,
				use: [
					'style-loader',
					{
						loader: 'css-loader',
						options: {
							importLoaders: 1
						}
					},
					{
						loader: 'postcss-loader',
						options: {
							plugins: function () {
								return [
									require('postcss-cssnext')
								];
							}
						}
					}
				]
			}
		]
	},
	resolve: {
		alias: {}
	},
	plugins: [
		new webpack.SourceMapDevToolPlugin({
			// file and reference
			filename: '[file].map',
			// sources naming
			moduleFilenameTemplate: '[absolute-resource-path]',
			fallbackModuleFilenameTemplate: '[absolute-resource-path]',
		}),
		new webpack.LoaderOptionsPlugin({
			debug: true
		})
	],
	bail: true,
	devServer: {
		publicPath: '/',
		stats: {
			colors: true
		},
		host: '0.0.0.0',
		inline: true,
		port: '8080',
		quiet: false,
		noInfo: false,
	},
};