I . web pack-CLI脚手架的全球安装

其次，创建一个新的wp项目，并在wp目录中初始化一个package.json文件。

Npm init -y在wp目录下创建一个src目录，并在该目录下创建一个index.js作为入口文件

Webpack4.x为我们提供了两种打包模式：

开发是开发模式，生产是生产模式，打包的main.js代码自动压缩

我们可以直接使用命令webpack - mode开发来打包开发模式

我们使用生产模式网络包-生产模式包装

此时，代码已被压缩。

无论哪种方式，每次打包时使用webpack模式开发或webpack模式生产都有点麻烦。我们可以修改package.json文件中的scripts属性：

dev': 'webpack模式开发'，' build: 'webpack模式生产'

最后，我们可以使用npm run dev来打包开发模式，使用npm run build来打包生产模式。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。