vue-ssr-carousel/webpack.config.coffee

A performance focused Vue carousel designed for SSR/SSG environments.

webpack = require 'webpack'
VueLoaderPlugin = require 'vue-loader/lib/plugin'
MiniCssExtractPlugin = require 'mini-css-extract-plugin'
nodeExternals = require 'webpack-node-externals'

module.exports = (env, argv) ->

	# Build for production but don't uglify so the transpiled code is more
	# readable
	mode: 'production'
	optimization: minimize: false

	entry: index: './src/ssr-carousel.vue'

	resolve: extensions: ['.js', '.coffee', '.vue']

	module: rules: [
		{ test: /\.coffee$/, loader: 'babel-loader!coffee-loader' }
		{ test: /\.pug$/, loader: 'pug-plain-loader' }
		{ test: /\.vue$/, loader: 'vue-loader' }
		{ test: /\.styl(us)?$/, use: [
			MiniCssExtractPlugin.loader,
			'css-loader',
			'postcss-loader'
			'stylus-loader'
		]}
	]

	plugins: [
		new VueLoaderPlugin
		new MiniCssExtractPlugin filename: 'index.css'
	]

	output:
		path: __dirname
		libraryTarget: 'commonjs2'
		filename: '[name].js'

	# Every non-relative module is external
	externals: [nodeExternals()]