1.1 项目文件解读

  • .babelrc ES6的配置
  • .editorconfig 编辑器的配置
  • .gitignore 忽略git提交的配置
  • .postcssrc.js HTML添加前缀的配置

bulid webpack配置文件打包所在的文件夹

  • bulid.js 构建生产版本,打生产包
  • check-versions.js
  • dev-client.js
  • dev-server.js 修改配置后需要从新启动
  • utils.js
  • vue-loader.conf.js
  • webpack.base.conf.js 打包核心配置
  • webpack.dev.conf.js
  • webpack.prod.conf.js
  • webpack.test.conf.js

cofig 是webpack对应的配置

  • dev.env.js
  • index.js 修改端口号
  • prod.env.js
  • test.env.js

node_modules 项目的安装依赖

github上下载下来一般通过npm istall去构建


src 开发项目的源码

src路径可以用@(webpack.base.conf.js下配置了)

  • assets :放静态资源,偏向组件的资源,img通过webpack打包时会转换为base64的形式
  • components:放组件
  • router:放路由
  • views :存放页面
  • store : vuex的状态管理
  • App.vue 入口组件
  • main.js 项目入口文件

static 资源文件夹


package.json

dependencies 是项目依赖库,--save就安装到这个目录下
devDependencies 是开发依赖库,在打包的时候需要,打包后就没有了

原文地址:https://www.cnblogs.com/conglvse/p/9521931.html