使⽤Webpack打包⾃⼰的js⼯具库代码1、webpack环境的安装
（1）下载并安装node.js
检查系统是否安装node.js环境
在命令⾏终端环境中，输⼊：node -v 检查版本号，有则正确安装，没有则重新安装。
（2）检查npm
在命令⾏终端环境中，输⼊：npm -v 检查版本号，有则正确安装，没有则安装。
（3）安装webpack
创建项⽬的⽬录，例如：Windows下  创建⽬录：D:/MyJS
在终端环境中进⼊项⽬⽬录
⾸先进⾏全局安装
执⾏命令：npm install webpack -g                          简写：npm i webpack -g
然后进⾏项⽬⽬录安装
执⾏命令：npm install webpack --save-dev          简写：npm i webpack -D
（3）创建package.json⽂件
在终端环境中进⼊项⽬⽬录
执⾏命令： npm init ，初始化项⽬⽂件，录⼊相关信息。
也可以执⾏： npm init -y，默认项⽬配置
创建⽬录build、min、src、test
package.json⽂件内容
太长给挡住了：
"start": "webpack -p --mode development --config fig.js --progress --colors"（4）创
建fig.js
webpack打包流程 面试
（5）在src⽬录下编写⾃⼰的JS代码      ⾸先写包含⽂件index.js
编写其他⾃⼰的JS代码，实例代码：
（6）执⾏打包命令
在命令⾏⾥输⼊：npm start
执⾏package.json中的配置start命令
"start": "webpack -p --mode development --config fig.js --progress --colors"        完成编译后⾃动在min下⽣产打包好的⽂件
（7）使⽤wkcomm.min.js包
$( function(){
test_isIntNum()；
});
就可以在⽹页的控制台⾥打印出true或false
或者⽤alert(LHP.isRealNum(a))替换console.log(LHP.isRealNum(a))即可看到结果这个是全都是关于JS的，简单的⽂件打包，其他类的带样式的以后发布。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。