ColdBox Elixir Webpack Integration
This extension brings Webpack support to ColdBox Elixir, version 2 and up.
Step 1: Install
npm install coldbox-elixir-webpack --save-dev
Step 2: Usage
Similar to Browserify, the
This function accepts a file, relative to the
resources/assets/js directory, and generates a single bundled file in the
To choose a different output or base directory, simply specify your desired paths as the second and third arguments, respectively.
This will compile
If you'd like to leverage more of Webpack's functionality, Elixir will read any
webpack.config.js file in your project root, and factor its configuration into the build process. Alternatively, you may pass your Webpack-specific configuration as the fourth argument to
Step 3: Plugins
If you've created a plugin, and need to hook your own Webpack config into Elixir's defaults, add the following to your script:
Elixir.webpack.mergeConfig(newConfig) will recursively merge your provided configuration with ours. It also properly merges any nested arrays, so as not to override important default configuration. For example, in the code snippet above, the addition of the Vue loader will not overwrite the default loaders that we provide.
Contributions and Bugs
Project tracking for this project can be found at the Ortus Solutions Jira. Please log all bugs, improvements, and features there.
Pull requests are welcome and encouraged. Please check on the Jira page before starting any large amount of work so your time isn't wasted.