使用webpack5打包js文件
首先需要准备Nodejs环境,Nodejs中自带npm包管理工具,下载地址:http://nodejs.cn/download/
1、设置npm包安装路径
1 |
|
2、安装webpack
1 |
|
安装成功后会有如下2个文件夹:
3、设置环境变量
将如下地址添加到系统环境变量Path中:
D:\environment\nodejs\node_global
4、测试webpack命令
cmd测试:
在vscode控制台中测试:
ok,可正常使用。
5、使用webpack5打包js
初始化项目,生成package.json文件
1 |
|
如果需要使用jquery,使用如下命令安装:
1 |
|
安装成功后,会生成node_moudules文件夹。
main.js 内容如下:
1 |
|
在项目目录新增webpack.config.js文件,内容如下:
1 |
|
项目结构如下:
此时在vscode控制台输入命令: webpack 即可打包js
打包成功后,dist目录下会生成bundle.js 文件, index.html中可通过script标签引入使用。
使用webpack5打包js文件
https://river106.cn/posts/8bf01c74.html