脚手架文件目录说明、文件暴露

脚手架文件目录说明

dist：浏览器运行时的根目录
node_modules：项目依赖
public：里面的静态资源在打包时不会受到webpack的影响，直接把东西复制到dist里面，（相当于开始时的根目录）
src   里面的assets里面也是放静态资源，会受到webpack的影响，里面的资源会进行压缩  最终都会返回给dist
          
.gitignore：版本管理忽略文件
babel.config.js：配置babel（把ES6+ 转换成ES5） babel本身不能转换，因为有一个预设，有很多插件，转换的时候依赖插件，并且还有一些配置
jsconfig.json：js的配置，baseUrl（基础路径）、paths（与baseUrl配和使用./scr/*,绝对路径）
package-lock.json：记录所安装包的详细信息（作用：查看包是否冲突，npm i时提高效率）
package.json：包的配置，至少写五项name、version、private、dependencies、devDependencies
readme：项目说明书
vue.config.js：脚手架创建项目时提供的，由于webpackconfig.js找不到

打开网页时 发请求给webpack-dev-sever 开启服务，配置 http-proxy-middleware  进行代理  所以运行可以进入页面
打包时，webpack隐藏dist文件夹，但其还是存在于内存中
 

 文件暴露

 

默认暴露：出文件的时候，以default为属性，以后面的值为对象暴露
./xxx:
{
        default:{
                        a: 100
                     }
}

import {default  as  a } from './xxx'

import * as from './xxx'拿到的是暴露的整个对象