使用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 build/webpack.config.js --progress --colors"

（4）创建webpack.config.js

      （5）在src目录下编写自己的JS代码

       首先写包含文件index.js

       

       

       编写其他自己的JS代码，实例代码：

       

       

       （6）执行打包命令

         在命令行里输入：npm start

         执行package.json中的配置start命令

        "start": "webpack -p --mode development --config build/webpack.config.js --progress --colors"

         完成编译后自动在min下生产打包好的文件

         

        （7）使用wkcomm.min.js包

            

$( function(){

    test_isIntNum()；

});

就可以在网页的控制台里打印出true或false

或者用alert(LHP.isRealNum(a))替换console.log(LHP.isRealNum(a))即可看到结果

这个是全都是关于JS的，简单的文件打包，其他类的带样式的以后发布。