Extending vue-autonumeric with quasar webpack

[phgrund]

I’m trying to install VueAutonumeric but I’m having trouble to extend the webpack config. According to the documentation, I have to extend webpack like this

module.exports = {
    entry  : './src/vueAutonumericTest.js',
    output : {
        filename: './dist/bundle.js'
    },
    resolve: {
        alias: {
            AutoNumeric: 'node_modules/autonumeric/dist/autoNumeric.min',
        },
    },
};

This is how I tried to extend

      extendWebpack (cfg) {
        cfg.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /node_modules/
        })
        cfg.resolve.alias.AutoNumeric = 'node_modules/autonumeric/dist/autoNumeric.min'
      }

But it gives the following error

 ERROR  Failed to compile with 1 errors                                                                        5:53:17 PM

This dependency was not found:

* AutoNumeric in ./node_modules/vue-autonumeric/dist/vue-autonumeric.min.js

To install it, you can run: npm install --save AutoNumeric

How can I import this module? I have both of them in my node_modules

[hawkeye64]

@phgrund First of all, always use path to resolve the packages.
Second, verify the file exists where you think it should be.
Third, use chainWebpack in quasar.conf.js instead, like this:

const path = require('path')
.
.
.
      chainWebpack (chain) {
        chain.plugin('eslint-webpack-plugin')
          .use(ESLintPlugin, [{ extensions: ['js', 'vue'] }])

        chain.resolve.alias.merge({
          'AutoNumeric': path.resolve(__dirname, 'node_modules/vue-autonumeric/dist/vue-autonumeric.min.js')
        })
      }

[phgrund]

Thanks, it worked, this is my quasar.conf now:

      extendWebpack (cfg) {
        cfg.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /node_modules/
        })
      },

      chainWebpack (chain) {
        chain.resolve.alias.merge({
          AutoNumeric: path.resolve(__dirname, 'node_modules/autonumeric/dist/autoNumeric.min.js')
        })
      }