如何在nuxt.config.js中从node_module生成javascript以生成静态站点？

问题描述

我正在将一个较旧的网站移植到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软件包。并在此过程中，确保它对静态网站生成友好。

问题：

1. 一旦在本地安装了npm软件包，我将使用哪个nuxt.config.js数组进行SSR优化（“ buildModules”“模块”和“ build”“插件”）？最好对这些区别进行任何解释。
2. 旧站点还有许多其他npm软件包，例如Carousels等。如何引用node_modules目录？我已经看过~的用法，但不确定将其放入哪个目录。（代码示例会很有帮助）。
3. 最后，有一些自定义Javascript。我应该将这些.js文件放在哪个目录下，并且应该是“ buildModules”，“模块”和“ build”，“插件”还是“脚本”（在“ head”部分中）？

谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）