实例讲解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文件插件的使用。

分类:

技术要点:

相关文章:

© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片