webpack的基本使用

webpack的基本使用

创建一个名为time.js的js文件
webpack的基本使用
再创建一个名为mian.js的js文件,引入time.js中的add、mul函数,形成依赖关系
webpack的基本使用
在终端用cd命令进入“webpack的起步”这个文件夹,使用webpack命令,将main.js文件打包到新的new.js文件中(这里可以自己名命,执行命令的时候自动生成打包的文件),虽然创建了main和time两个文件,但因为mian中引入了time中的函数,两个文件有依赖关系,在打包的时候会自动识别time文件,因此会一起打包,不用另外写
webpack的基本使用
(在这里我的文件存放格式是这样的:)
webpack的基本使用
在html文件中引入打包好的文件
webpack的基本使用
运行后结果:

webpack的基本使用