@DOOP/Core-Vue

Doop core module for frontend Vue projects

This module generally lives inside a build script.

/**
* Process all .vue file <script frontend/>, <template/> and <style/> blocks
*/
let gulp = require('gulp');
let {compiler} = require('@doop/core-vue');

gulp.task('build.vue', ['load:app', 'load:app.git'], ()=>
	compiler({
		log: gulp.log, // Fancy logging output
	})
);

API

This module exports the following sub-modules:

Compiler(options)

Perform a Doop / Frontend compilation process placing all files in the dist directory within the parent Doop project.

This function expects the Doop global app to be available and it will use it for pathing, config information.

Options:

| Name | Type | Default | Description | |-----------------|------------|------------------|----------------------------------------------------------------------------------| | once | boolean | false | Run the compiler loop once, if falsy a watcher is setup and the process never terminates | | config | Object | Internal config* | The Webpack config to use, see notes | | configMerge | Object | {} | Additional config to merge into base using _.merge() | | log | function | console.log | Logging function for any output | | colors | boolean | true | Whether to display coloring in output |

NOTES:

• The default Webpack config is avaiable here
• When cacheCompiler is enabled the Webpack compiler is loaded once and held in memory, it gets reused on all subsequent hits
• When cacheCompiler is enabled and the compiler is busy it is waited on before continuing so it can finish caching local data, a status message is displayed when this occurs

expressMiddleware

Included automatically when a Doop backend server loads to inject the Webpack HMR handlers.