vue-cli3 目录结构解析 配置隐藏

目录

解析

node_modules 项目的依赖包

public

打包时会把该文件夹下的 资源原封不动的 复制到dist文件夹下
和 vue-cli2 的static文件夹一样

src 开发文件夹

assets

如果一下资源 放到该文件夹下
例如图片 会根据图片大小 绝定是否打包 成base64位码 或者 生成一个新的图片 被打包 到dist文件夹下
打包后 会重新命名

main.js

源代码入口文件

.browserslisrc

配置浏览器相关的东西

> 1%  浏览器市场份额
last 2 versions  最后2个版本
not ie <= 8 不支持IE8及以下的浏览器
not dead 

.gitignore Git忽略文件

babel.config.js

babel配置

package.json

项目依赖包相关信息

{
     
  "name": "vuecli3",
  "version": "0.1.0",
  "private": true,
  "scripts": {
     
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
  },
  "dependencies": {
     
    "core-js": "^3.6.5",
    "vue": "^2.6.11"
  },
  "devDependencies": {
     
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "vue-template-compiler": "^2.6.11"
  }
}

package-lock.json

锁定 依赖包 版本
记录真实安装的版本
package-lock.json

README.md 项目说明文件

配置隐藏

node_nodules/@vue/cli-serve/webpack.config.js