{"_id":"57ffd85f755a2e1700c2bb37","user":"567082433a32d20d00c45cab","version":{"_id":"57ffd85f755a2e1700c2bb05","project":"567083021dabd80d00b122ae","__v":1,"createdAt":"2016-10-13T18:54:23.018Z","releaseDate":"2016-10-13T18:54:23.018Z","categories":["57ffd85f755a2e1700c2bb06","57ffd85f755a2e1700c2bb07","57ffd85f755a2e1700c2bb08","57ffd85f755a2e1700c2bb09","57ffd85f755a2e1700c2bb0a","57ffd85f755a2e1700c2bb0b","57ffd85f755a2e1700c2bb0c","57ffd85f755a2e1700c2bb0d"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"3.4.0","version":"3.4"},"parentDoc":null,"__v":0,"category":{"_id":"57ffd85f755a2e1700c2bb0d","__v":0,"version":"57ffd85f755a2e1700c2bb05","project":"567083021dabd80d00b122ae","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-12-18T23:14:25.130Z","from_sync":false,"order":7,"slug":"extras","title":"Extras"},"project":"567083021dabd80d00b122ae","updates":["574b4209b6ce410e00c592d6"],"next":{"pages":[],"description":""},"createdAt":"2015-12-18T23:31:06.161Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"settings":"","results":{"codes":[]},"auth":"required","params":[],"url":""},"isReference":false,"order":7,"body":"Elixir is automatically configured to handle the following:\n* Pull in your main bower files from `bower.json` and generate the `vendor.js` & `vendor.css`.\n* Lint your files using eslint, generate sourcemaps, annotate your dependencies & concatenate everything into `app.js` (with EcmaScript 6 support, of course.)\n* Compile less and generate the `app.css`\n* Partials are automatically generated and injected using ngHtml2Js (gives a performance boost as it eliminates tons of network roundabouts)\n* Live-reload\n[block:callout]\n{\n  \"type\": \"success\",\n  \"title\": \"\",\n  \"body\": \"Always append `--save` to  your `bower install` commands so that they can be found by the elixir bower plugin.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Overriding bower main files\"\n}\n[/block]\nSome packages do not have the correct or desired `main` files definition in their `bower.json`.\nThis where you have to use [main-bower-files' overrides](https://github.com/ck86/main-bower-files#overrides-options) feature.\n\nFor example, here's what you can add to your bower.json in order to require bootstrap's css:\n\n```\n\"overrides\": {\n    \"bootstrap\": {\n      \"main\": [\n        \"dist/css/bootstrap.css\",\n        \"dist/js/bootstrap.js\"\n      ]\n    }\n  }\n```\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"ESLint errors/warnings\",\n  \"body\": \"ESLint errors that you see in the terminal won't stop your code from running. They're only meant for code quality.\"\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"body\": \"You can disable eslint from running on watch by modifying the `tasks/angular.task.js` file\",\n  \"title\": \"Disabling eslint on watch\"\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"body\": \"You can create custom elixir tasks inside `tasks/`\"\n}\n[/block]","excerpt":"","slug":"elixir","type":"basic","title":"Elixir"}
Elixir is automatically configured to handle the following: * Pull in your main bower files from `bower.json` and generate the `vendor.js` & `vendor.css`. * Lint your files using eslint, generate sourcemaps, annotate your dependencies & concatenate everything into `app.js` (with EcmaScript 6 support, of course.) * Compile less and generate the `app.css` * Partials are automatically generated and injected using ngHtml2Js (gives a performance boost as it eliminates tons of network roundabouts) * Live-reload [block:callout] { "type": "success", "title": "", "body": "Always append `--save` to your `bower install` commands so that they can be found by the elixir bower plugin." } [/block] [block:api-header] { "type": "basic", "title": "Overriding bower main files" } [/block] Some packages do not have the correct or desired `main` files definition in their `bower.json`. This where you have to use [main-bower-files' overrides](https://github.com/ck86/main-bower-files#overrides-options) feature. For example, here's what you can add to your bower.json in order to require bootstrap's css: ``` "overrides": { "bootstrap": { "main": [ "dist/css/bootstrap.css", "dist/js/bootstrap.js" ] } } ``` [block:callout] { "type": "info", "title": "ESLint errors/warnings", "body": "ESLint errors that you see in the terminal won't stop your code from running. They're only meant for code quality." } [/block] [block:callout] { "type": "info", "body": "You can disable eslint from running on watch by modifying the `tasks/angular.task.js` file", "title": "Disabling eslint on watch" } [/block] [block:callout] { "type": "info", "body": "You can create custom elixir tasks inside `tasks/`" } [/block]