前端进阶5 - Nuxt.js - 2-nuxt的项目目录、配置文件

2-nuxt的项目目录、配置文件

• .nuxt目录：存放临时的编辑文件

• 资源目录

  • assets用于组织未编译的静态资源，如LESS、SASS、JS

• 组件目录

  • components用于组织应用的vue组件

• 布局目录

  • layouts用于组织应用的布局组件

• 中间件目录

  • middleware 目录用于存放应用的中间件

• 页面目录

  • pages用足组织应用的路由及视图

• 插件目录

  • plugins用于组织那些需要在根vue应用实例化之前需要运行的js插件
  • 第三方控件，如element-ui

• 静态文件目录

  • static用于存放应用的静态文件，此类文件不会被 Nuxt.js 调用 Webpack 进行构建编译处理。服务器启动的时候，该目录下的文件会映射至应用的根路径 / 下。
  • 举个例子: /static/robots.txt 映射至 /robots.txt

• Store目录

  • store 目录用于组织应用的 Vuex 状态树 文件。 Nuxt.js 框架集成了 Vuex 状态树 的相关功能配置，在 store 目录下创建一个 index.js 文件可激活这些配置。
  • store 类似于 vuex

• nuxt.config.js文件

  • nuxt.config.js 文件用于组织 Nuxt.js 应用的个性化配置，以便覆盖默认配置。

• package.json文件

  • package.json 文件用于描述应用的依赖关系和对外暴露的脚本接口。

• 别名

  • ~或@ srcDir
  • ~~或@@ rootDir
  • 默认情况下，srcDir 和 rootDir 相同