Как использовать загрузчики webpack в nuxt.js? - PullRequest
Новая
       17

Как использовать загрузчики webpack в nuxt.js?

0 голосов
/ 20 ноября 2018

Я пытаюсь использовать https://github.com/itgalaxy/webpack-modernizr-loader этот загрузчик в моем проекте nuxt / webpack.

К сожалению, загрузчики добавляются не так, как в обычном проекте webpack, и я не совсем понимаю документацию nuxt поэта проблема:

https://nuxtjs.org/api/configuration-build#loaders

У меня есть пример репо с минимальным проектом nuxt: https://github.com/Jones-S/nuxt-modernizr

В моем nuxt.config.js (эквивалент конфигурации веб-пакета)) Я попытался включить загрузчик и использовать его в pages/index.vue.

К сожалению, я получаю сообщение об ошибке, что у меня не установлен modernizr.Хотя это не может быть так.

Я был бы очень рад, если бы кто-то мог кратко взглянуть на это и сказать мне, как я правильно использую загрузчики в nuxt.js.

Для краткости мойчасть nuxt.config.js 

build: {
  /*
  ** You can extend webpack config here
  */
  extend(config, { isDev, isClient }) {
    // Run ESLint on save
    if (isDev && isClient) {
      config.module.rules.push({
        enforce: 'pre',
        test: /\.(js|vue)$/,
        loader: 'eslint-loader',
        exclude: /(node_modules)/
      })

      config.module.rules.push({
        test: /\.modernizrrc\.js$/,
        use: { loader: 'webpack-modernizr-loader' }
      })

      config.resolve.alias['modernizr'] = '/.modernizrrc.js'

    }
  }
}

Я загружаю новый загрузчик и регистрирую псевдоним ниже.Но я бы получил эту ошибку: 

ERROR  Failed to compile with 1 errors
This dependency was not found:
* modernizr in ./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib??vue-loader-options!./pages/index.vue?vue&type=script&lang=js&
To install it, you can run: npm install --save modernizr

большое спасибо заранее.ура

...