node.js个人学习笔记

webpack

• webpack打包过程

新建文件夹，在终端初始化node项目

npm init -y

 初始化完成自动生成package.json文件

在12文件夹下新建src>utils文件夹，在utils文件夹下新建check.js

在check.js里写入

//封装手机号长度和校验验证码长度的函数
export const checkPhone = phone => phone.length === 11
export const checkCode = code => code.length === 6

在src文件夹下新建index.js

并在index.js写入

//1.1准备项目和源代码
import { checkPhone, checkCode } from "./utils/check.js";
console.log(checkCode('12345678901'));
console.log(checkCode('123456'));

然后需要准备webpack的打包环境：（输入cmd命令，注意要用管理员打开运行）

npm i webpack webpack-cli --save-dev

输入完成命令，src包下自动生成以下文件

在package.json下发现生成了以下代码，代表下载成功了

并在以下地方配置使用命令

执行打包命令

npm run bulid

结果（压缩完成后的代码）：