|— build # (webpack配置相关)
| |— build-server.js # 运行本地构建服务器,可以访问构建后的页面
| |— build.js # 生产环境构建脚本
| |— dev-client.js # 主要用来实现开发阶段的页面自动刷新(热重载)
| |— dev-server.js # 运行本地开发服务器
| |— utils.js # 构建相关工具方法
| |— webpack.base.conf.js # wabpack基础配置
| |— webpack.dev.conf.js # wabpack开发环境配置
| |— webpack.prod.conf.js # wabpack生产环境配置
|— config # 配置目录,包括端口号等
| |— dev.env.js # 开发环境变量
| |— index.js # 项目配置文件
| |— prod.env.js # 生产环境变量
| |— test.env.js # 测试环境变量
|— node_modules # npm||cnpm install 安装的依赖代码库
|— src # 存放项目源码
| |— assets # 放置一些图片,如logo等
| |— components # 目录里面存放一些公共组件
| |— App.vue # 根组件
| |— main.js # 入口js文件
|— static # 存放静态资源(图片、字体等),不会被wabpack构建
| |— .gitkeep # 当static目录为空文件夹时git也可以提交到代码仓库
|— test # 测试文件目录
|— .babelrc # babe文件的编译配置
| |— presets # 预设转码规则
| |— plugins # 除了预设的,还可以根据自己的需求添加其他转码插件
| |— comments # 转换后代码生不生成注释
|— .editorconfig # 编辑器的配置
| |— charset # 编码
| |— indent_style # 缩进风格
| |— indent_size # 缩进长度
| |— end_of_line # 换行风格
| |— insert_final_newline # 创建一个文件是否自动在文件末尾插入一个新行
| |— trim_trailing_whitespace # 移除文件末尾多余的空行
|— .eslintignore # 忽略语法检查的目录文件
|— .eslintrc.js # eslint的配置文件
|— index.html # 入口页面
|— package.json # npm包配置文件
|— favicon.ico # 网站图标
vue2.0官方项目结构目录简述
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 前言 webpack2和vue2已经不是新鲜东西了,满大街的文章在讲解webpack和vue,但是很多内容写的不是...
- 原文首发于:Webpack 3,从入门到放弃 Update (2017.8.27) : 关于 output.pub...