webpack 打包之html多个打包 -2

最新推荐文章于 2024-08-25 11:45:39 发布

傻了吧唧小农民

最新推荐文章于 2024-08-25 11:45:39 发布

阅读量2.7k

点赞数 1

分类专栏： webpack 文章标签： html-webpack-plugin

本文链接：https://blog.csdn.net/zhoulucky1993/article/details/85227208

版权

本文详细介绍了如何使用webpack进行html多页打包，包括安装node、Git、webpack及插件，创建项目文件夹，配置webpack.config.js和package.json，以及设置html标题，并最终执行打包命令。

摘要由CSDN通过智能技术生成

1：确保自己的电脑已经安装了node和Git软件

2：自己在盘里随便创建一个文件夹一般为英文(也就是你自己的项目名称)

3：在新创建好的文件夹里面右键点击调出git指令窗口在窗口里面输入如下指令：

1：npm install webpack -g

2: npm install webpack-cli -g

3: npm init -y

4: npm install webpack --save-dev

5 npm install html-webpack-plugin （html编译插件）

6：npm install clean-webpack-plugin

5：把项目拖进编辑器

6新建一个src文件夹和webpack.config.js

7:webpack.config.js内容配置如下：

const path = require("path");
const WebpackHtmlPlugin = require('html-webpack-plugin');  //导入html打包插件
const clear= require("clean-webpack-plugin");  //导入清除dist插件 不用手动每次去删除dist文件
                                                //