使用webpack打包js（详细）

webpack安装

首先使用webpack之前必须先下载node.js，不懂的可以看一下这个(75条消息) Nodejs安装教程_彭佼的博客-CSDN博客，

之后打开cmd窗口输入npm install -g cnpm --registry=http://registry.npm.taobao.org 配置阿里镜像

npm install -g cnpm --registry=http://registry.npm.taobao.org

这里呢选择一个文件存放webpack安装的内容，这里我选择本地的D:\webpack文件下，随后使用命令 cnpm install -g webpack

cnpm install -g webpack

接着使用webpack -v

webpack -v

最后安装全局webpack脚手架

cnpm install webpack-cli -g

到这里安装已经完成了，如果想查可以使用webpack -v查看版本

那么如何进行打包呢？

首先我在桌面创建一个webpackTest文件，里面放了一个js文件夹用于存放js文件，还有一个webpack.config.js文件。

这里我直接在vscode中打开终端，方便演示，首先输入npm init -y生成我们的package.json文件

之后再次输入npm i初始化生成package-lock.json文件

最后使用命令npx webpack打包。

我们进行测试，在webpack.config.js同级下创建html文件，使用script标签引入我们的打包好的文件

ok到此结束，这里再说一下mode那里的警告，说的是mode选项没有配置，webpack将使用生产模式进行打包，建议设置为development或production。如果想配置可以去webpack.config.js中和entry同级添加一个mode:'development'或者'production'。