app.js

// Brunch automatically concatenates all files in your
// watched paths. Those paths can be configured at
// config.paths.watched in "brunch-config.js".
//
// However, those files will only be executed if
// explicitly imported. The only exception are files
// in vendor, which are never wrapped in imports and
// therefore are always executed.

// Import dependencies
//
// If you no longer want to use a dependency, remember
// to also remove its path from "config.paths.watched".
import "phoenix_html"

// Import local files
//
// Local files can be imported directly using relative
// paths "./socket" or full ones "web/static/js/socket".

 import socket from "./socket"

brunch-config.js

exports.config = {
  // See http://brunch.io/#documentation for docs.
  files: {
    javascripts: {
      joinTo: {

      "js/landing/vendor.js": /^(bundled\/js\/landing)*/,
      "js/page/vendor.js": /^(bundled\/js\/page)*/,
      "js/quote/vendor.js": /^(bundled\/js\/quote)*/,
      "js/admin/vendor.js": /^(bundled\/js\/admin)*/,
      "js/order/vendor.js": /^(bundled\/js\/order)*/,
      "js/user/vendor.js": /^(bundled\/js\/user)*/,
      }

    },

    stylesheets: {
      joinTo: {

      "css/admin/vendor.css": /^(bundled\/css\/admin)*/,
      "css/page/vendor.css": /^(bundled\/css\/page)*/,
      "css/order/vendor.css": /^(bundled\/css\/order)*/,
      "css/quote/vendor.css": /^(bundled\/css\/quote)*/,
      "css/user/vendor.css": /^(bundled\/css\/user)*/,
      "css/landing/vendor.css": /^(bundled\/css\/landing)*/,
      },
        order: {

            after: ["css/app.scss"]
        }
    },
    templates: {

        joinTo:  "js/app.js",

    }
  },

  conventions: {
    // This option sets where we should place non-css and non-js assets in.
    // By default, we set this to "/assets/static". Files in this directory
    // will be copied to `paths.public`, which is "priv/static" by default.
    assets: /^(static)/
  },

  // Phoenix paths configuration
  paths: {
    // Dependencies and current project directories to watch
    watched: ["static", "css", "js", "vendor","bundled/css/page", "bundled/css/quote", "bundled/css/landing", "bundled/css/landing"],
    // Where to compile files to
    public: "../priv/static"
  },

  // Configure your plugins
  plugins: {

    babel: {
      // Do not use ES6 compiler in vendor code
      ignore: [
      "/vendor/",
       "/node_modules/",
       "/css/quote/components/",
       "/css/user/components/",
       "/css/admin/components/",
       "/css/order/components/"
       ]

    },

      copycat: {
          // copies to priv/static/*
           "fonts": [
           "node_modules/bootstrap-sass/assets/fonts/bootstrap",
           "node_modules/font-awesome/fonts",
           "fonts"
           ]

      },

      less: {

          dumpLineNumbers: 'comments',
          modules: true
      },

      sass: {

          options: {

               includePaths: [
               "node_modules/bootstrap-sass/assets/stylesheets",
               "node_modules/font-awesome/scss",
               "node_modules/toastr",
               "css"
               ],

               precision: 8
          }
      }

  },



  modules: {
      autoRequire: {
          "js/app.js": ["js/app"],
          "js/order.js": ["js/order/app"],
          "js/quote.js": ["js/quote/app"],
          "js/user.js": ["js/user/app"]
      }

  },

  npm: {

      globals: {

          $: 'jquery',
          jQuery: 'jquery',
          bootstrap: 'bootstrap',
          toastr: 'toastr',
          axios: 'axios',
          moment: 'moment'
      },

     enabled: true,

      whitelist: [
          "phoenix",
          "phoenix_html",
          "toastr",
          "axios",
          "moment"

      ],

      styles: {
          'normalize.css': ['node_modules/normalize.css/normalize.css'],
          'bootstrap-table': ['node_modules/bootstrap-table/bootstrap-table.css']
      }
  }
};

package.json

{
  "name": "Broker",
  "description": "Web View for the Broker App..",
  "version": "0.1.0",
  "repository": {
    "type": "git",
    "url": "https://[email protected]/movsnap/broker.git"
  },
  "license": "Proprietary",
  "scripts": {
    "deploy": "brunch build --production",
    "watch": "brunch watch --stdin"
  },
  "author": {
    "url": "http://github.com/mithereal",
    "name": "Jason Clark",
    "email": "[email protected]"
  },
  "dependencies": {
    "axios": "^0.16.2",
    "bootstrap": "~3.3.7",
    "bootstrap-table": "^1.11.2",
    "datetimepicker": "^0.1.38",
    "fullcalendar": "^3.4.0",
    "jquery": ">= 3.1.1",
    "jquery-modal": "^0.8.0",
    "normalize.css": "^3.0.3",
    "phoenix": "file:../../../deps/phoenix",
    "phoenix_html": "file:../../../deps/phoenix_html",
    "toastr": "^2.1.2"
  },
  "devDependencies": {
    "artillery": "^1.6.0-2",
    "babel-brunch": "6.1.1",
    "babel-cli": "^6.24.1",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-preset-env": "^1.6.0",
    "brunch": "2.10.9",
    "clean-css-brunch": "2.10.0",
    "css-brunch": "~2.0.0",
    "faker": "^4.1.0",
    "javascript-brunch": "~2.0.0",
    "less-brunch": "^2.10.0",
    "stylus-brunch": "github:brunch/stylus-brunch",
    "uglify-js-brunch": "2.10.0"
  }
}