Browserify plugin to extract css when using vueify. Derived from stackcss/css-extract
npm install vueify-extract-cssLooks up require('vueify-insert-css') calls to extract CSS from a browserify bundle
to a file.
sh
$ browserify -t vueify -p [ vueify-extract-css -o bundle.css ] index.js \
-o bundle.js
`JS api
`js
const browserify = require('browserify')browserify()
.transform('vueify')
.plugin('vueify-extract-css', { out: 'bundle.css' })
.bundle()
``js
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:
`js
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'
}
});
`
Options
- -o / --out: specify an outfile, defaults to bundle.css. Can also be a
function that returns a writable stream from the JavaScript API.Installation
`sh
$ npm install vueify-extract-css
``[0]: https://img.shields.io/badge/stability-experimental-orange.svg?style=flat-square
[1]: https://nodejs.org/api/documentation.html#documentation_stability_index