brunch-config.js

exports.config = {
  // See http://brunch.io/#documentation for docs.
  files: {
    javascripts: {
        joinTo: {
         "js/front.js": /^(web\/static\/customer\/js)|(node_modules)/,
         "js/agent.js": /^(web\/static\/agent\/js)|(node_modules)/,
         "js/admin.js": /^(web\/static\/admin\/js)|(node_modules)/,
         "js/ex_admin_common.js": ["web/static/vendor/ex_admin_common.js"],
         "js/admin_lte2.js": ["web/static/vendor/admin_lte2.js"],
         "js/admin_vendor.js": /^(web\/static\/admin\/vendor).*/,
         "js/front_vendor.js": /^(web\/static\/customer\/vendor).*/,
         "js/agent_vendor.js": /^(web\/static\/agent\/vendor).*/,
         "js/jquery.min.js":  ["web/static/vendor/jquery.min.js"],
         "js/fullcalendar.min.js":  ["web/static/vendor/fullcalendar.min.js"],
         "js/moment.js":  ["web/static/vendor/moment.js"],
         "js/phoenix.js":  ["web/static/vendor/phoenix.js"],
         "js/vue.js":  ["web/static/vendor/vue.js"],

        }

    },
    stylesheets: {
        joinTo: {
        "css/main.css": /^(web\/static\/css)/,
        "css/customer/app.css": /^(web\/static\/customer\/css)/,
        "css/customer/vendor.css": /^(web\/static\/customer\/vendor).*/,
        "css/agent/app.css": /^(web\/static\/agent\/css)/,
        "css/agent/vendor.css": /^(web\/static\/agent\/vendor).*/,
        "css/admin/app.css": /^(web\/static\/admin\/css)/,
        "css/admin/vendor.css": /^(web\/static\/admin\/vendor).*/,
        "css/vendor.css": /^(web\/static\/css\/vendor).*/,
        "css/admin_lte2.css": ["web/static/vendor/admin_lte2.css"],
        "css/active_admin.css.css": ["web/static/vendor/active_admin.css.css"],
      },
      order: {
        after: ["web/static/css/main.css"] // concat app.css last
      }
    },
    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 "/web/static/assets". Files in this directory
    // will be copied to `paths.public`, which is "priv/static" by default.
    assets: /^(web\/static\/assets)/
  },

  // Phoenix paths configuration
  paths: {
    // Dependencies and current project directories to watch
    watched: [
      "web/static",
      "test/static"
    ],

    // Where to compile files to
    public: "priv/static"
  },

  // Configure your plugins
  plugins: {
    babel: {
      // Do not use ES6 compiler in vendor code
        ignore: [
            /(web\/static\/vendor)|node_modules/,
            /(web\/customer\/templates\/partials)/
        ]

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

      },

      vue: {
          extractCSS: true,
          out: 'priv/static/css/components.css'
      }
  },



  modules: {
    autoRequire: {
      "js/front.js": ["web/static/customer/js/app"],
      "js/admin.js": ["web/static/admin/js/admin"],
      "js/agent.js": ["web/static/agent/js/agent"],
    }
  },

    npm: {
    globals: {
        $: 'jquery',
        jQuery: 'jquery',
        bootstrap: 'bootstrap',
        vue: 'vue/dist/vue.common.js'
    },
        enabled: true,

        whitelist: ["phoenix", "phoenix_html", "vue"],

        styles: {
            'normalize.css': ['node_modules/normalize.css/normalize.css']
        }
        }
};