1. webpack基本概念

用来打包压缩文件，减小文件的大小，提高效率；（生产环境使用的，不是人能看懂的）

默认入口: ./src/index.js  入口计算

默认出口: ./dist/main.js  这里结果输出

第三方的包管理，基于nodejs的打包的包；

webpack的基本使用：初始化：yarn init -y 创建一个包管理文件package.json管理包；

 安装依赖包：-D把包下载到开发依赖里面；devDependences；一般都是把工具包下载到这里；

• [ ] 开发环境 和 生产环境 以及英文"development", "production" 2个单词尽量会写会读

• * dependencies  别人使用你的包必须下载的依赖, 比如yarn add  jquery
  
  * devDependencies 开发你的包需要依赖的包,  比如yarn add webpack  webpack-cli -D (-D 相当于 --save-dev)

yarn add webpack webpack-cli -D  下载webpack和webpack-cli两个包；

 在package.json 添加打包命令；运行打包 yarn build

scripts: {
	"build": "webpack"
}

文件夹折叠问题：设置搜索 compact
ES6模块规范化要使用在package.json 加上type ：module  注意：from后面的文件位置加上后缀名

2. webpack使用步骤

3. webpack的配置

标签：Vue,cli,package,json,yarn,note,webpack,add,first
来源： https://www.cnblogs.com/zhulongxu/p/16668498.html