1

我正在将一个较旧的网站移植到 Nuxt。我对 Nuxt 比较陌生，正在尝试确定如何正确使用 nuxt.config.js 文件来生成静态站点。

我正在尝试从 npm 包中获取 .js 文件。从文档中我不清楚，这是（a）从 node_modules 获取我的 Javascript 文件的正确方法，以及（b）如何正确地这样做，以便文件通过 Webpack 运行，以便我们获得静态的好处网站生成优化。

nuxt.config.js 文件中似乎有很多选项：

  • 使用“head”中的“script”数组（这似乎是针对 CDN，但这不是我想要做的——我想从 node_modules 中的 npm 模块获取资源）。
  • 还有许多其他数组：“buildModules”、“modules”和“build”
  • 创建一个“插件”。这似乎有很多额外的步骤。

例如，在 Nuxt 中，我尝试通过 CDN 获取旧版本的 Bootstrap 和 jQuery，如下所示：

head: {
    script: [
      { src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js' },
      { src: 'https://netdna.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js' }
    ],
}

但是，我想使用 npm packages。在此过程中，请确保它对静态站点生成友好。

问题：

  1. 一旦我在本地安装了 npm 包，我将使用哪个 nuxt.config.js 数组来获得 SSR 优化（“buildModules”“modules”和“build”“plugin”）？任何对这些差异的解释将不胜感激。
  2. 老站还有很多其他的npm包，比如Carousels等。如何引用node_modules目录呢？我见过使用~但不确定将我放入哪个目录。（代码示例会有所帮助）。
  3. 最后，有一些自定义 Javascript。我应该把这些 .js 文件放在哪个目录，它应该是“buildModules”、“modules”和“build”“plugin”还是“script”（在“head”部分）？

先感谢您。

4

0 回答 0