{"id":15207447,"url":"https://github.com/coldbox-elixir/extension-webpack","last_synced_at":"2025-10-03T01:30:46.296Z","repository":{"id":57203051,"uuid":"69380246","full_name":"coldbox-elixir/extension-webpack","owner":"coldbox-elixir","description":"ColdBox Elixir Webpack Extension","archived":false,"fork":true,"pushed_at":"2017-08-11T01:40:13.000Z","size":80,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-12-31T10:04:06.200Z","etag":null,"topics":["build-tool","cfml","coldbox","coldbox-elixir","webpack"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"JeffreyWay/laravel-elixir-webpack-official","license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/coldbox-elixir.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-09-27T17:11:33.000Z","updated_at":"2017-02-15T06:15:34.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/coldbox-elixir/extension-webpack","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coldbox-elixir%2Fextension-webpack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coldbox-elixir%2Fextension-webpack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coldbox-elixir%2Fextension-webpack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/coldbox-elixir%2Fextension-webpack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/coldbox-elixir","download_url":"https://codeload.github.com/coldbox-elixir/extension-webpack/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":235059234,"owners_count":18929279,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["build-tool","cfml","coldbox","coldbox-elixir","webpack"],"created_at":"2024-09-28T07:00:26.792Z","updated_at":"2025-10-03T01:30:46.021Z","avatar_url":"https://github.com/coldbox-elixir.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ColdBox Elixir Webpack Integration\n\nThis extension brings Webpack support to ColdBox Elixir, version 2 and up.\n\n### Step 1: Install\n\n```js\nnpm install coldbox-elixir-webpack --save-dev\n```\n\n### Step 2: Usage\n\nSimilar to Browserify, the `webpack` method may be used to compile and bundle [ECMAScript 2015](https://babeljs.io/docs/learn-es2015/) into plain JavaScript.\nThis function accepts a file, relative to the `resources/assets/js` directory, and generates a single bundled file in the `includes/js` directory:\n\n```javascript\nelixir( function( mix ) {\n    mix.webpack( \"app.js\" );\n} );\n```\n\nTo choose a different output or base directory, simply specify your desired paths as the second and third arguments, respectively.\n\n```javascript\nelixir( function( mix ) {\n    mix.webpack( \"app.js\", \"public/dist\", \"app/assets/js\" );\n} );\n```\n\nThis will compile `app/assets/js/app.js` to `public/dist/app.js`.\n\nIf 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](https://webpack.github.io/docs/configuration.html) into the build process. Alternatively, you may pass your Webpack-specific configuration as the fourth argument to `mix.webpack()`.\n\n### Step 3: Plugins\n\nIf you've created a plugin, and need to hook your own Webpack config into Elixir's defaults, add the following to your script:\n\n```js\nElixir.webpack.mergeConfig( {\n    babel: {\n        presets: [ \"es2015\" ],\n        plugins: [ \"transform-runtime\" ],\n    },\n    module: {\n        loaders: [ {\n            test: /\\.vue$/,\n            loader: \"vue\"\n        } ]\n    }\n} );\n```\n\n`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.\n\n## Contributions and Bugs\n\nProject tracking for this project can be found at the [Ortus Solutions Jira](https://ortussolutions.atlassian.net/projects/ELIXIR/summary).  Please log all bugs, improvements, and features there.\n\nPull requests are welcome and encouraged.  Please [check on the Jira page](https://ortussolutions.atlassian.net/projects/ELIXIR/issues/ELIXIR-2?filter=allissues) before starting any large amount of work so your time isn't wasted.\n\nBrad Wood (@bdw429s) has a [great guide on submitting pull requests.](https://www.ortussolutions.com/blog/submit-your-first-pull-request-to-an-open-source-project)  If you are unsure where to go, in need of help, or have a question, come ask in the #box-products channel on the [CFML Slack](http://cfml-slack.herokuapp.com/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoldbox-elixir%2Fextension-webpack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcoldbox-elixir%2Fextension-webpack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoldbox-elixir%2Fextension-webpack/lists"}