nuxt webpack配置css,Nuxt的目录结构和常用配置

Nuxt的目录结构和常用配置

更新时间：2020-05-08 14:17:18点击次数：1158次

一、目录结构

Nuxt项目的基本目录：

其中：

□.nuxt：

在npm run dev启动项目的时候自动生成的临时文件 类似于vue的dist

通常无需多关注

□assets：

静态资源目录

通常用于放置LESS SASS JavaScript文件

□components：

存放自己写的Vue的组件

□layouts：

存放布局文件

□middleware：

存放中间件

□node_modules：

存放npm install的安装的所有依赖包

□pages：

主目录 用于存放页面

Nuxt框架会读取该目录下所有的.vue文件并自动生成对应的路由配置

□plugins：

存放JavaScript插件

□static：

存放资源文件 例如图片和图标

在服务器启动时 该目录下的文件会映射至应用的根路径 / 下

例如：/static/a.jpg会被映射至/a.jpg

□store：

存放Vuex的存储文件

△editorconfig.org：

编辑工具(例如VScode)的默认规则

△.eslintrc.js：

ESlint的配置规则文件

△.gitignore