Javascript 如何在nuxt.js中使用网页包加载程序？

我正在尝试在我的nuxt/webpack项目中使用此加载程序

不幸的是，加载程序的添加方式与普通网页包项目不同，我不太了解nuxt关于此问题的文档：

我有一个最小nuxt项目的回购示例：

在我的numxt.config.js中（相当于网页包配置） 我试图在我的

页面/index.vue

中包含加载程序并使用它

不幸的是，我得到一个错误，我没有安装Modernizer。 但事实并非如此

如果有人能对此进行简短的研究，并告诉我如何正确使用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

事先非常感谢。

---

干杯

你想要的不是你链接到的加载程序，你想要的是页面更高一点的东西，“扩展网页包”。据我所知，您链接到的那个只是用于自定义内置加载程序，因此，如果您想添加一个非nuxt处理的网页包加载程序，那么您应该扩展网页包配置，而不是处理内部配置。@SimonHyll感谢您的指示。你能举个例子说明如何使用我的加载器吗。这一切看起来非常不同的网页。。。如果我读到这篇文章，我只看到一个例子，他们如何更改集成加载程序的一些选项（再次查看我的链接），但不使用全新的加载程序…问题似乎是webpack Modernizer加载程序与vue加载程序不兼容，vue文件需要vue加载程序。如果您正确添加加载程序，

config

对象是Webpack

config

对象，因此只需像通常使用Webpack一样进行配置即可。据我所知，你要么没有安装

modernizer

，要么需要在

vue loader

进程

.vue

和

.js

文件之前/之后运行

modernizer

，或者巴贝尔不理解

modernizer

，所以你需要帮助巴贝尔理解它，而不是网页，或者因为您正在使用

modernizerrc\.js

进行测试，这意味着您的

modernizerrc.js

由巴贝尔处理，而巴贝尔不理解这些文件。@SimonHyll谢谢。我能理解你的理论，但从实际角度讲，我不能。你能不能给我一些建议，如何让巴贝尔了解我的东西，以及如何优先运行Modernizer？