自动化工具

vscode 安装 Prettier-Code formatter 插件 设置——>搜索 format 选择工作区 勾选Editor：Format On Save 在settings中配置 安装依赖

1 . 安装依赖 package.json上添加依赖 2 .在package.json上添加一行命令 "lint": "eslint . --ext .vue,.js,.ts,.jsx,.tsx --

```js /** * 方案一 * 生成的文件为 * -dist * - img * - index * - index.js * - index.css * - index.html * - pag

先配置变量 然后在vue.config.js中配置 在.vue文件的style中使用，上面定义的是$env，使用时也是用$env

1、npm网站创建包名 2、lerna init 初始化项目 3、lerna create 创建包名 4、lerna publish 发布到npm 5、core核心开发 6、 7、 8、 9、 10、

常用命令 项目初始化 创建package 开发和测试 脚手架发布上线 lerna changed 查看上版本以来的所有变更

一、小图片base64编码 二、bundle加hash 三、懒加载import 四、缓存分组(第三方库、公共代码提取) 五、IngorePlugin 六、开启production vue、react等

一、优化babel-loader 开启缓存 二、IgnorePlugin避免引入无用模块 直接不引入，代码中没有 举例： import moment from 'moment' 默认会引入所有语言js

```js module.exports = { //... optimization: { //分割代码块 splitChunks: { /* initial 入口 chunk，对于异步导入的文件不

一、脚手架项目初始化 1、创建项目名称 2、初始化npm项目 3、安装lerna 4、lerna初始化项目 5、.gitignore文件添加排除文件 二、在npm中创建Organizations 1、

一、初始化项目 二、创建入口文件 1、创建bin目录 2、在bin目录中创建一个入口js文件，index.js 3、在package.json文件中配置bin 三、在入口文件的顶部添加 四、发布到np

package.js postcss.config.js .babelrc ./build/webpack.common.js ./build/webpack.dev.js ./build/webpa

一、初始化项目 "license": "MIT" 1、创建src目录 2、安装包 3、创建webpack配置文件 webpack.config.js

Develoment模式 .env.development webpack.dev.js Production模式 .env.production webpack.prod.js 公共的 webpac

一、安装 1、初始化项目 package.js 2、安装webpack 二、介绍 webpack的定义： webpack 是一个用于现代 JavaScript 应用程序的_静态模块打包工具 三、配置文