首先要在自己电脑安装webpack和webpack-cli然后才可以接着下面的操作。
安装之后
新建一个js文件,和一个webpack.config.js
接下来我们就打包这个新建的js文件(我这里是a.js)
webpack.config.js是webpack的配置文件,当执行webpack命令的时候会去读取这个文件里面的配置信息

a.js内容很简单,就是一个输出而已

webpack.config.js内容则比较多
引入path模块,这个是node相关的模块,可以获取当前的文件夹路径,不熟悉可以去网上搜索看看哦
然后用module.exports来导出
导出的是一个对象,里面有很多属性,先说最基本的
entry 表示的是你要打包哪些文件,这里我就是要打包a.js
output 表示的是你要把文件打包之后放到哪里
这里我就是放到当前目录下的dist目录下
path 就是指明存放的路径
filename 则是打包之后文件的命名 这里我就命名为66.js

保存配置文件,然后在对应的文件夹下执行命令
webpack -p 即可打包

最后即可看到输出

相关文章: