index.js

let deepmerge           = require('deepmerge')
let babelMerge          = require('babel-merge')
let babelLoader         = require('@constgen/neutrino-babel-loader')
let { VueLoaderPlugin } = require('vue-loader')

let vueStyleLoader = require('./middlewares/vue-style-loader')

module.exports = function (customSettings = {}) {
	return function (neutrino) {
		let developmentMode = neutrino.config.get('mode') === 'development'
		let productionMode  = !developmentMode
		let defaultSettings = {
			babel    : {},
			polyfills: false,
			browsers : customSettings.browsers ? undefined : ['defaults'],
			node     : undefined,
			include  : [],
			exclude  : []
		}
		let settings        = deepmerge(defaultSettings, customSettings)

		neutrino.use(
			babelLoader({
				test     : /\.(j|t)s?$/,
				include  : settings.include,
				exclude  : settings.exclude,
				polyfills: settings.polyfills,
				targets  : {
					...(settings.browsers && { browsers: settings.browsers }),
					...(settings.node && { node: settings.node })
				},
				babel: babelMerge(
					{
						presets: [
							[require.resolve('@vue/babel-preset-jsx'), {
								functional: true,
								injectH   : true,
								vModel    : true,
								vOn       : true
							}]
						]
					},
					settings.babel
				)
			})
		)
		neutrino.use(vueStyleLoader())

		neutrino.config
			.module
				.rule('vue')
					.test(/\.vue$/)
					.include
						.merge(settings.include || [])
						.end()
					.exclude
						.merge(settings.exclude || [])
						.end()
					.use('vue')
						.loader(require.resolve('vue-loader'))
						.tap((options = {}) => deepmerge({
							transformAssetUrls: {
								img   : 'src',
								link  : 'href',
								video : ['src', 'poster'],
								source: 'src',
								audio : 'src',
								image : ['xlink:href', 'href'],
								use   : ['xlink:href', 'href']
							 },
							 hotReload      : developmentMode,
							 productionMode,
							 compilerOptions: {
								whitespace: 'condense',
								modules   : false
							 },
							 prettify      : false,
							 exposeFilename: developmentMode
						}, options))
						.end()
					.end()
				.end()
			.plugin('vue')
				.use(VueLoaderPlugin)
				.end()
			.resolve
				.extensions
					.merge(['.vue', '.js'])
					.end()
				.end()
	}
}