Phoenix deployment with Distillery

Questions / Help
, , ,
1

Hi!

I have a problem with deploying my Phoenix Application. I used Distillery and edeliver pretty successfully so far, but for the latest Project the javascript gets mangled in the process of building the release with distillery. With mix phoenix.server everything works fine.

After running the build locally the console output throws this at me:

app-42e08f28a4f45ef0be4d7d5abbb55c6f.js:4 Uncaught TypeError: i is not a function
    at HTMLUListElement.<anonymous> (app-42e08f28a4f45ef0be4d7d5abbb55c6f.js:4)
    at Function.each (app-42e08f28a4f45ef0be4d7d5abbb55c6f.js:1)
    at se.fn.init.each (app-42e08f28a4f45ef0be4d7d5abbb55c6f.js:1)
    at String.<anonymous> (app-42e08f28a4f45ef0be4d7d5abbb55c6f.js:4)
    at Function.each (app-42e08f28a4f45ef0be4d7d5abbb55c6f.js:1)
    at Object.reflow (app-42e08f28a4f45ef0be4d7d5abbb55c6f.js:4)
    at se.fn.init.r [as foundation] (app-42e08f28a4f45ef0be4d7d5abbb55c6f.js:4)
    at app-42e08f28a4f45ef0be4d7d5abbb55c6f.js:4
    at u (app-42e08f28a4f45ef0be4d7d5abbb55c6f.js:1)
    at d (app-42e08f28a4f45ef0be4d7d5abbb55c6f.js:1)

versions:
Elixir 1.4.4
brunch 2.7.4
npm 5.0.2
phoenix 1.2.4

brunch-config:

exports.config = {
  // See http://brunch.io/#documentation for docs.
  files: {
    javascripts: {
      joinTo: {
        "js/app.js": [/^(web\/static\/js)|(node_modules)/,"web/static/vendor/foundation.min.js"],
        "js/admin_lte2.js": "web/static/vendor/admin_lte2.js",
        "js/ex_admin_common.js": "web/static/vendor/ex_admin_common.js",
        "js/jquery.min.js": "web/static/vendor/jquery.min.js"
      },
    },
    stylesheets: {
      joinTo: {
        "css/app.css": /^(web\/static\/css)/,
        "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/app.scss"] // 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/]
    },
    sass: {
      precision: 8,
      options: {
        includePaths: [
          'node_modules/foundation-sites/scss',
        ]
      }
    }
  },

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

  npm: {
    enabled: true,
    globals: {
      $: 'jquery',
      jQuery: 'jquery',
    }
  }
};

package.json:

{
  "repository": {},
  "license": "MIT",
  "scripts": {
    "deploy": "brunch build --production",
    "watch": "brunch watch --stdin"
  },
  "dependencies": {
    "foundation-sites": "^6.3.1",
    "jquery": "^2.2.4",
    "phoenix": "file:deps/phoenix",
    "phoenix_html": "file:deps/phoenix_html"
  },
  "devDependencies": {
    "babel-brunch": "~6.0.0",
    "brunch": "2.7.4",
    "clean-css-brunch": "~2.0.0",
    "css-brunch": "~2.0.0",
    "javascript-brunch": "~2.0.0",
    "sass-brunch": "^2.10.4",
    "uglify-js-brunch": "~2.0.1"
  }
}