使⽤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的,简单的⽂件打包,其他类的带样式的以后发布。