Skip to content

Instantly share code, notes, and snippets.

Forked from net/1.js
Created April 7, 2016 02:50
  • Star 5 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
What would you like to do?
Adding Bootstrap to Phoenix using NPM
// 1. Add Bootstrap as a dependency in package.json
"dependencies": {
"bootstrap": "~3.3.6"
// 2. Modify brunch-config.js
exports.config = {
npm: {
enabled: true,
// Whitelist the npm deps to be pulled in as front-end assets.
// All other deps in package.json will be excluded from the bundle.
whitelist: ["phoenix", "phoenix_html"],
styles: {bootstrap: ["dist/css/bootstrap.css"]}
Copy link

michaelforrest commented Apr 28, 2016

Where will the styles end up here - included in app.css?

Copy link

How is bootstrap.js loaded?

Copy link

linges commented Jan 5, 2017

You can add import "bootstrap" to your app.js.
Make sure to include jQuery as npm dependency and add this to the brunch-config:

npm: {
      globals: {
          $: 'jquery',
          jQuery: 'jquery'

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment