问题标签 [nuxt.config.js]

我正在将一个较旧的网站移植到 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，如下所示：

但是，我想使用 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”部分）？

先感谢您。

我选择 buefy 作为前端框架来生成我的 nuxt 应用程序，它确实可以找到，但是当我配置 package.json 脚本以使用node server.js（用于自定义快速服务器）以在开发模式下运行而不是默认nuxt命令 buefy 不工作。我尝试自定义 buefy 并在文件中添加了 scss 文件，~/assets/scss/main.scss但它并没有改变任何东西。我不明白为什么当我使用 node 而不是 nuxt 时它不起作用。如果有人有解决方案，我将不胜感激。下面是我的package.json，~/assets/scss/main.scss和nuxt.config.js

package.json

~/assets/scss/main.scss

nuxt.config.js

我想将 global.scss (/assets/global.scss) 更改为两个文件，一个用于“fa”语言，另一个用于文件夹资产上的“en”语言。

这是 header.vue 文件中按钮“fa”和“en”所在的部分：

},

目前 nuxt.config.js 上的 global.scss 已经这样配置：

有人会帮助我如何设置两个 global.scss 文件并通过单击 header.vue 文件上的按钮之一在它们之间进行选择？

我正在使用 NuxtJs 构建一个 Web 应用程序，并且我正在使用 nuxtjs/auth-next 与 Google 和 Facebook 身份验证提供商进行 OAuth 授权。我已将授权后端点配置为从后端获取令牌，而当我在 nuxt 配置（google 或 facebook）中只有一个策略时它可以工作，但是当我同时拥有两个时，两个登录都使用第一个策略的端点。我花了很多时间在这上面，如果您对如何解决这个问题有任何想法，请分享。谢谢！

编辑：这在 localhost 上运行良好，我没有看到端点被覆盖，但是在部署第一个策略的令牌端点时，它也被应用于第二个

这是我在 nuxt.config.js 中的身份验证配置

所以这个问题可能很复杂，但我会尽量解释清楚。

我目前正在创建 Nuxt 模块。如果您熟悉创建它们，您就知道可以在nuxt.config.js. 我在这里所做的：

我有一组要全局注册的模块。我已经使用以下配置完成了此操作：

(index.js)

需要关注的重要部分是plugin.js我在 Nuxt 实例中全局注册组件：

如您所见，我在全局注册组件，以防它在数组中指定。我目前坚持的部分是gform.title我的nuxt.config.js. 如何将此传递Boolean给全局注册的 GForm 组件？所以我可以有条件地呈现标题以防万一true？

我在配置 serverMiddleware 属性时遇到问题，一切正常，但除了初始路由之外，我无法创建任何其他路由

小米 nuxt.config.js 文件：

/api/index.js 文件：

如果我尝试创建类似于我将在下面留下的端点，那么通过浏览器或邮递员发出 get 请求时唯一得到的是 404 not found 响应，我不明白我配置错了什么。

我正在尝试基于我的 .env 文件加载不同的 css，因为我有两到三种类型的应用程序具有不同的设计。

我的 nuxt.config.js 看起来像这样

我想在我的 .env 文件上加载 2-3 个不同的 scss

我正在使用 Vue 和 Nuxtjs 开发一个简单的项目。我从 yarn dev 开始，但是当生成 nuxt 文件时，我收到一个友好的错误，内容如下：

所以我检查了 .nuxt 目录，我的文件的导入有错误的语法：

所以导入有一个反斜杠“\”而不是一个常规的“/”。这显然是错误的，但我不知道是什么触发了它，它昨天正常工作。我删除了我今天所做的更改，这仍然发生。

我已经删除了我的node_modules目录并重新安装了所有依赖项，我还删除了我的 nuxt 文件并重建它。希望你能帮忙！这是我的nuxt.config.js文件

我正在为我的 nuxt 项目而苦苦挣扎。我尝试访问用 nuxt.config.js 编写的配置变量，我在 privateRuntimeConfig 而不是 dotenv 中设置了我的 env 变量。我最终想要做的是，我想使用 nuxt.config.js 文件中定义的 url 在我的 typescript 文件中访问它们，该文件从后端调用 api。

下面是我的 api.ts

下面是我的 nuxt.config.js

在我的 Nuxt 项目中，我有一个assets/scss/globals/包含很多文件的文件夹，这些文件应该被全局包含。

现在在我的nuxt.config文件中，我只能像这样手动包含每个文件：

我需要的是这样的：

但这不起作用。

我还为变量和 mixin 定义安装了 styled-resources 包，并且它在那里工作：

但文档明确表示此处不包含样式：

不要导入实际样式。仅使用此模块导入变量、mixin、函数（等等），因为它们在实际构建中不存在。导入实际样式会将它们包含在每个组件中，并且还会使您的构建/HMR 幅度变慢。不要这样做！

我尝试做的事情与 styled-resources 中的警告所说的有什么不同吗？