使用 vue-cli 来构建项目, 项目中有很多的文件夹, 下面让我们来简单看一下各个模块的内容.
1. 整体的目录结构说明
2.build--[webpack 配置]
build 文件主要是 webpack 的配置, 主要启动文件是 dev-server.js, 当我们输入 npm run dev 首先启动的就是 dev-server.js, 它会去检查 node 及 npm 版本, 加载配置文件, 启动服务.
3.config--[vue 项目配置]
config 文件主要是项目相关配置, 我们常用的就是当端口冲突时配置监听端口, 打包输出路径及命名等
4.node_modules--[依赖包]
node_modules 里面是项目依赖包, 其中包括很多基础依赖, 自己也可以根据需要安装其他依赖. 安装方法为打开 cmd, 进入项目目录, 输入 npm install [依赖包名称], 回车.
在两种情况下我们会自己去安装依赖:
(1) 项目运行缺少该依赖包: 例如项目加载外部 CSS 会用到的 css-loader, 路由跳转 vue-loader 等 (安装方法示例: npm install css-loader)
(2) 安装插件: 如 vux(基于 WEUI 的移动端组件库),vue-swiper(轮播插件)
注: 有时会安装指定依赖版本, 需在依赖包名称后加上版本号信息, 如安装 11.1.4 版本的 vue-loader, 输入 npm install vue-loader@11.1.4
5.src-- 核心文件
来源: http://www.qdfuns.com/article/18271/e35f6f99cd86f506101d5fa412deb678.html