在Vue/Nuxt应用程序中，将测试页面和组件放在哪里

Question

我有一个大的Nuxt应用程序。我们经常创建测试页面或组件来测试概念和代码。有时我们会创建原型页面，比如TestPageWithScrollableContent.vue

我不想在处理完这些页面后删除它们，但我也不想在生产应用程序中分发它们。

是否有一个地方可以将它们放在Nuxt目录结构中，在那里我们可以在开发时调用它们，但不能将它们编译到生产构建中？

在Java中，这很容易。测试代码有一个单独的源代码树。我正在寻找Vue/Nuxt中的等效项。

Answer 1

您可以使用.nuxtignore忽略构建过程中的特定文件和目录

例如：

# ignore layout foo.vue
layouts/foo.vue
# ignore layout files whose name ends with -ignore.vue
layouts/*-ignore.vue
# ignore page bar.vue
pages/bar.vue
# ignore page inside ignore folder
pages/ignore/*.vue
# ignore store baz.js
store/baz.js
# ignore store files match *.test.*
store/ignore/*.test.*
# ignore middleware files under foo folder except foo/bar.js
middleware/foo/*.js
!middleware/foo/bar.js

更多信息请点击此处：

https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-ignore/