如何使用Nuxt2转换node_module中的依赖项？

How can I transpile a dependency in node_modules with Nuxt 2?(如何使用Nuxt2转换node_module中的依赖项？)

问题描述

我读到有关使用Nuxt转储node_modules的问题，但据说新的Nuxt 2已使用nuxt.config.js文件中的transpile选项解决了此问题。

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

这是我的信息：

export default {
  router: {
    base: '/',
  },
  build: {
    transpile: [
      'choices.js',
      'lazysizes',
      'swiper',
      'vee-validate'
    ],
    extractCSS: true
  },
  srcDir: 'src/',
  performance: {
    gzip: true
  },
  render: {
    compressor: {
      threshold: 100
    }
  },
  dev: false
}

为便于阅读，我删除了一些不相关的内容。

当我运行npm run build(nuxt build)时，编译的JS文件包含对ES6和ES7代码的引用，例如const和let等，而它应该是var。

我已将此问题隔离为来自Swiper。它似乎在内部依赖于一种名为Dom7的东西，它似乎是导致问题的原因。

如果可能，我希望将这些node_modules依赖项编译到ES5。我不确定我当前的设置是否确实在这方面做了什么。

我相信Nuxt使用vue-app代表巴别塔，但我甚至尝试了以下方法都没有成功：

babel: {
  presets: [
    '@babel/preset-env'
  ],
  plugins: [
    '@babel/plugin-syntax-dynamic-import'
  ]
}

那里也没有太多欢乐。最终生成中的外观没有任何不同。

我正在使用Nuxt2.1.0

感谢您的任何帮助。谢谢！

推荐答案

您还需要传输dom7，因此Nuxt配置应该具有：

build: {
    transpile: [
      'swiper',
      'dom7',
    ],
}

这篇关于如何使用Nuxt2转换node_module中的依赖项？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！