用于nuxt.js的pdf加载程序

Question

我正在尝试将正确的pdf加载器添加到我的nuxt.config.js文件中，但到目前为止似乎没有任何工作。这就是我在构建配置中所拥有的内容，我很确定我需要添加另一条规则才能使pdf正常工作但不会发生。

extend(config, ctx) {
  // Run ESLint on save
  if (ctx.isDev && ctx.isClient) {
    config.module.rules.push({
      enforce: "pre",
      test: /\.(js|vue)$/,
      loader: "eslint-loader",
      exclude: /(node_modules)/,
    });
  }
},

},

Answer 1

您可以通过在nuxt.config.js中扩展构建配置来存档它。

module.exports = {
  build: {
    extend(config) {
      // Find the rule which contains a assets file extension
      const assetsLoader = config.module.rules.find(rule => rule.test.test('.png'));

      // Overwrite the test regex and add `pdf`
      assetsLoader.test = /\.(png|jpe?g|gif|svg|webp|pdf)$/i;

      return config;
    },
  },
};

Answer 2

我对可下载的pdf文件有同样的问题，并通过将下载的文件夹移动到静态目录来解决它。