@wpdevops/elixir-rollup

WpDevOps Elixir Rollup Integration

This extension brings Rollup.js support to your WpDevOps Elixir builds.

Install

FFirst ensure, that you're WpDevOps Elixir version is up to date. Next, install the extension like so:

npm install @wpdevops/elixir-rollup --save-dev

Use

You're all set! Open your gulpfile.js, and add:

elixir(function(mix) {
  mix.rollup('main.js');
});

This will, by default, compile assets/js/main.js to dist/js/main.js. Should you require a non-standard base directory for your source files, begin the path with ./. This instructs WpDevOps Elixir to omit any default base directories.

elixir(function(mix) {
  mix.rollup('./app/assets/js/main.js');
});

Similarly, if you require a different output directory, provide a file or directory path as the second argument to mix.rollup.

elixir(function(mix) {
  mix.rollup('main.js', 'dist/build/bundle.js');
});

Now, you're specifying that you want to compile assets/js/main.js to dist/build/bundle.js.

If providing an array of source files, it might be useful to override the default base directory. If desired, specify a path as the third argument.

elixir(function(mix) {
  mix.rollup(['main.js', 'other.js'], null, 'app/js');
});

With this adjustment, we'll compile app/js/main.js and app/js/other.js.

Lastly, should you need to override the default Rollup configuration, you may do so by either creating a rollup.config.js file in your project root, or by passing a Rollup config object as the fourth argument to mix.rollup. You can learn more about Rollup config files here.

---

This package was originally (laravel-elixir-coffeescript) written by Jeffrey Way