CODEWITHSUNDEEP
webpackvue.js
AbreQueVoy
AbreQueVoy

Reputation: 2316

How to add an i18n dependency to Vue.js' webpack config?

Having this entry:

module: {
  rules: [
    {
      [...]
      }
    },
    {
      test: /\.vue$/,
      loader: 'vue-loader',
      options: vueLoaderConfig
    },
[...]

how to add another loader, to have this vue-i18n-loader dependency?:

module: {
    rules: [{
      test: /\.vue$/,
      loader: 'vue',
      options: {
        loaders: {
          i18n: '@kazupon/vue-i18n-loader'
        }
      }
    }]
  }

This form is failing:

  {
    test: /\.vue$/,
    loader: 'vue-loader',
    options: {
      loaders: {
        vueLoaderConfig,
        i18n: '@kazupon/vue-i18n-loader'
      }
    }
  },

Upvotes: 1

Views: 724

Answers (1)

Quoc-Anh Nguyen
Quoc-Anh Nguyen

Reputation: 5086

You can add i18n: '@kazupon/vue-i18n-loader' to your vueLoaderConfig directly. Or use this:

{
  test: /\.vue$/,
  loader: 'vue-loader',
  options: {
    ...vueLoaderConfig,
    loaders: {
       ...vueLoaderConfig.loaders,
       i18n: '@kazupon/vue-i18n-loader'
    }
  }
},

Upvotes: 2

Related Questions