Scaffold document directory description and document exposure

Description of scaffold document directory

dist： The root directory of the browser runtime
node_modules： Project dependence
public： The static resources in the package will not be affected webpack Influence , Copy things directly to dist Inside ,（ Equivalent to the root directory at the beginning ）
src   Inside assets There are also static resources , Will receive webpack Influence , The resources inside will be compressed   Will eventually be returned to dist
          
.gitignore： Version management ignores files
babel.config.js： To configure babel（ hold ES6+ convert to ES5） babel Itself cannot be converted , Because there is a preset , There are many plug-ins , The conversion depends on plug-ins , And there are some configurations
jsconfig.json：js Configuration of ,baseUrl（ Basic path ）、paths（ And baseUrl Match and use ./scr/*, Absolute path ）
package-lock.json： Record the details of the installed package （ effect ： Check whether the package conflicts ,npm i Improve efficiency when ）
package.json： Package configuration , Write at least five items name、version、private、dependencies、devDependencies
readme： Project description
vue.config.js： Scaffolding provided when creating the project , because webpackconfig.js Can't find

When opening a web page Send a request to webpack-dev-sever Opening service , To configure http-proxy-middleware   Acting as agent   So the operation can enter the page
When the packaging ,webpack hide dist Folder , But it still exists in memory
 

  Document exposure

 

Default exposure ： When the document is released , With default For attributes , Expose the following values as objects
./xxx:
{
        default:{
                        a: 100
                     }
}

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

import * as from './xxx' What you get is the whole exposed object