brunch-config.js

exports.config = {
  files: {
    javascripts: {
      joinTo: "js/app.js"
    },
    stylesheets: {
      joinTo: "css/app.css"
    },
    templates: {
      joinTo: "js/app.js"
    }
  },

  conventions: {
    assets: /^(web\/static\/assets)/
  },

  paths: {
    watched: [
      "web/static",
      "web/elm",
      "test/static"
    ],

    public: "priv/static"
  },

  plugins: {
    babel: {
      presets: ["es2015", "react"],
      ignore: [/web\/static\/vendor/]
    },
    elmBrunch: {
      elmFolder: "web/elm",
      mainModules: [
        "Main.elm"
      ],
      outputFolder: "../static/vendor"
    }
  },

  modules: {
    autoRequire: {
      "js/app.js": ["web/static/js/app"]
    }
  },

  npm: {
    enabled: true,
    whitelist: [
      "phoenix",
      "phoenix_html",
      "react",
      "react-dom",
      "ag-grid",
      "ag-grid-react"
    ]
  }
};

package.json

{
  "repository": {},
  "dependencies": {
    "ag-grid": "~4.1.1",
    "ag-grid-react": "~4.1.1",
    "babel-brunch": "~6.0.0",
    "babel-preset-react": "^6.5.0",
    "brunch": "~2.1.3",
    "brunch-typescript": "1.6.3",
    "clean-css-brunch": "~1.8.0",
    "css-brunch": "~1.7.0",
    "elm-brunch": "~0.4.4",
    "javascript-brunch": "~1.8.0",
    "phoenix": "file:deps/phoenix",
    "phoenix_html": "file:deps/phoenix_html",
    "react": "^15.1.0",
    "react-dom": "^15.1.0",
    "styl-brunch": "^2.0.0",
    "uglify-js-brunch": "~1.7.0"
  }
}