Vueify-extract-css NPM

vueify-extract-css

Looks up require('vueify-insert-css') calls to extract CSS from a browserify bundle to a file.

Command line

$ browserify -t vueify -p [ vueify-extract-css -o bundle.css ] index.js \
  -o bundle.js

JS api

const browserify = require('browserify')

browserify()
  .transform('vueify')
  .plugin('vueify-extract-css', { out: 'bundle.css' })
  .bundle()

const browserify = require('browserify')

browserify()
  .transform('vueify')
  .plugin('vueify-extract-css', { out: createWriteStream })
  .bundle()

function createWriteStream () {
  return process.stdout
}

Laravel Elixir

In your gulpfile, along with laravel-elixir-vueify:

var elixir = require('laravel-elixir');
require('laravel-elixir-vueify');

elixir.config.js.browserify.plugins.push({
    name: 'vueify-extract-css',
    options: {
		out: 'path/to/extracted/css'
	}
});