Vueify.Next: vue.config.js not loaded

[isotes]

In the current 'next' version, vue.config.js is ignored (in my case used for a custom compiler).

It seems that loading the file has been removed in this commit:

98ec0b2#diff-168726dbe96b3ce427e7fedce31bb0bcL4

Is this a regression or is there a new mechanism for vue.config.js?

[whaaaley]

i think i'm having the same issue. i can't get autoprefixer to run at all.

[nopnop]

As a workaround, I suggest the use of a dedicated browserify transform, defined in the package.json browserify entry, that inherit from vueify.

(nb: Anyway, the previous resolver for vue.config.js was buggy as it was based on process.cwd() instead of the package's root as it would be expected for a browserified package).

package.json

//...
  "browserify": {
    "transform": [
      "./vue-transform.js",
      [ "babelify", { "presets": [ "es2015"  ] } ]
    ]
  },
//...

./vue-transform.js

const PassThrough = require('stream').PassThrough
const vueify = require('vueify')

// Define options (or use require('./vue.config.js') to define options)
const localOptions = {
  // ... any vue.config.js options...
  postcss: [require('postcss-import')()],
}

// Export a browserify transform for vueify, binded with your options
module.exports = function (file, options) {
  if (!/.vue$/.test(file)) {
    return new PassThrough()
  }
  options = Object.assign({}, localOptions, options)
  return vueify(file, options)
}

[isotes]

@nopnop Thanks for the workaround tip!

I'll leave this open as a reminder to adapt the README or the code.