webpack.build.conf.js

var ora = require('ora')
var path = require('path')
var chalk = require('chalk')
var webpack = require('webpack')
var CopyWebpackPlugin = require('copy-webpack-plugin')
var package = require('./package.json')

var banner = `
/**
 * vue-focus-keyboard v${package.version}
* @description ${package.description}
* https://github.com/SinanMtl/vue-rate
* Released under the MIT License.
*/
`

var config = {
	entry: './dev/index.js',
	output: {
		path: path.resolve(__dirname, './dist'),
		publicPath: '/dist/',
		filename: 'vue-focus-keyboard.js',
		library: 'VueFocusKeyboard',
		libraryTarget: 'umd',
		umdNamedDefine: true
	},
	optimization: {
		minimize: true
	},
	mode: 'production',
	devtool: false,
	plugins: [
		new webpack.DefinePlugin({
			'process.env': {
				NODE_ENV: JSON.stringify('production')
			}
		}),
		new webpack.BannerPlugin({ banner, raw: true, entryOnly: true }),
		// copy custom static assets
		new CopyWebpackPlugin([
			{
				from: path.resolve(__dirname, 'static'),
				to: path.resolve(__dirname, 'dist/static'),
				ignore: ['.*']
			}
		])
	],
	module: {
		rules: [
			{
				test: /\.js$/,
				loader: 'babel-loader',
				include: [path.resolve(__dirname, './dev')]
			},
			{
				test: /\.vue$/,
				loader: 'vue-loader'
			},
			{
				test: /\.svg$/,
				loader: 'url-loader',
				options: {
					limit: 10000,
					name: path.posix.join('static/', '[name].[hash:7].[ext]')
				}
			}
		]
	},
	resolve: {
		alias: {
			vue$: 'vue/dist/vue.common.js'
		}
	}
}

var spinner = ora('building for production...')
spinner.start()

webpack(config, function(err, stats) {
	spinner.stop()
	if (err) throw err
	process.stdout.write(
		stats.toString({
			colors: true,
			modules: false,
			children: false,
			chunks: false,
			chunkModules: false
		}) + '\n\n'
	)

	console.log(chalk.cyan('  Build complete.\n'))
	console.log(
		chalk.yellow(
			'  Tip: built files are meant to be served over an HTTP server.\n' +
				"  Opening index.html over file:// won't work.\n"
		)
	)
})