实例讲解webpack的基本使用第二篇

2022-03-11

本文将讲解如何设置配置文件.js

我们创建一个-demo项目文件夹并安装它

p>

执行以下命令

在项目文件夹中，创建一个dist文件夹来放打包的文件，还有一个src文件夹来放我们的代码文件

创建一个 index.html 文件和一个 .file。

文件目录结构如下：

在 src/js 目录下新建 main.js 文件。

然后设置..js

基本配置：entry表示打包的入口文件。

表示打包后文件的输出设置。

设置完成后，我们执行命令。

发现dist文件夹下生成了一个main.bound.js文件。

我们也可以在 .json 文件中添加一些打包好的参数：然后执行 npm run 。包装细节可见。

入口入口配置说明：

entry的配置可以是数组数组的形式，数组的每一项都会被打包成一个js文件。

它也可以是一个对象。当它是一个对象时，它会被打包生成多个文件。需要结合使用

在src/js目录下新建一个a.js文件，然后根据上面的设置添加一个[name]占位符，执行npm run命令生成的结果

如下：分别生成两个打包文件。

还有两个占位符[hash]和[]，[hash]每次打包都会生成一个新文件，那么只会生成一个修改过的文件。这在打包启动时非常有用。

本文主要讲解配置项的入口和使用。

下一篇会讲解自动打包html文件插件的使用。

分类：

技术要点：

相关文章：