美文网首页
Vue项目结构与配置文件

Vue项目结构与配置文件

作者: 白雪公主960 | 来源:发表于2018-07-31 16:31 被阅读22次

1.项目结构

├── build --------------------------------- webpack相关配置文件
│   ├── build.js --------------------------webpack打包配置文件
│   ├── check-versions.js ------------------------------ 检查npm,nodejs版本
│   ├── dev-client.js ---------------------------------- 设置环境
│   ├── dev-server.js ---------------------------------- 创建express服务器,配置中间件,启动可热重载的服务器,用于开发项目
│   ├── utils.js --------------------------------------- 配置资源路径,配置css加载器
│   ├── vue-loader.conf.js ----------------------------- 配置css加载器等
│   ├── webpack.base.conf.js --------------------------- webpack基本配置
│   ├── webpack.dev.conf.js ---------------------------- 用于开发的webpack设置
│   ├── webpack.prod.conf.js --------------------------- 用于打包的webpack设置
├── config ---------------------------------- 配置文件
├── node_modules ---------------------------- 存放依赖的目录
├── src ------------------------------------- 源码
│   ├── assets ------------------------------ 静态文件
│   ├── components -------------------------- 组件 
│   ├── main.js ----------------------------- 主js
│   ├── App.vue ----------------------------- 项目入口组件
│   ├── router ------------------------------ 路由
├── package.json ---------------------------- node配置文件
├── .babelrc--------------------------------- babel配置文件
├── .editorconfig---------------------------- 编辑器配置
├── .gitignore------------------------------- 配置git可忽略的文件

啊!写不下去了!经验不足

相关文章

  • Angular 基础

    1、概述 项目结构 生成的项目结构与 react,vue区别较大 cli 隐藏了 webpack 配置文件,取而代...

  • Vue项目结构与配置文件

    1.项目结构 啊!写不下去了!经验不足

  • [前端开发]前后端分离开发笔记

    前端Vue+后端Koa+Mysql(sequelize),项目结构图: vue.config.js配置文件 后端跨...

  • Vue应用

    Vue项目 Vue结构 Vue项目打包与发布 Vue语法二 Vue网络请求 Vue路由 动态路由 编程式路由导航

  • VUE

    vue vue 安装 目录结构├── build/ # webpack配置文件│ └── ...├── co...

  • vue项目中一些文件的作用

    原文 博客原文 大纲 1、vue项目结构2、主要的配置文件2.1、package.json2.2、dev-serv...

  • 如何把h5app打包成移动apk

    vue项目 1. 打开自己的vue项目 2. 再项目根目录新建vue.config.js 项目配置文件(防止打包...

  • Vue配置文件

    Vue项目修改配置文件后需要将项目重启配置文件才会生效 npm run dev

  • 2020-09-25

    推荐-Vue项目目录结构 目录结构保持一致,使得多人合作容易理解与管理,提高工作效率。Vue标准项目 #简要说明 ...

  • 用 Vue + vue-router + Webpack 构建单

    一个典型的项目结构 项目结构说明 main.js声明 Vue 项目的依赖。声明 Vue 项目的入口( DOM 挂载...

网友评论

      本文标题:Vue项目结构与配置文件

      本文链接:https://www.haomeiwen.com/subject/bjshvftx.html