分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

webpack2系列step1--HTML

发布时间:2023-09-06 01:13责任编辑:赖小花关键词:HTMLwebpack

第一篇:HTML

本文将一步一步的介绍webpack2的配置,从最基础的一直到与node结合。

操作都一样:

midir step1 && cd step1

npm init -y

npm install --save -dev webpack@2.x.x

我的webpack版本号:

这样几步,就把最基本的webpack装好了,好了,开始我们的第一步,HTML吧。

 最简单的入口和出口配置:

最简单的的基本配置,只有入口和出口,然后执行webpack,就能看到dist文件夹目录下生成了bundle.js

npm install html-webpack-plugin --save-dev    安装HTML的插件,准备对HTML进行打包处理(后面会详细讲解主要插件的用法)

npm install clean-webpack-plugin --save-dev  每次打包前,需要把原来的文件删除,这样就可以不用怀疑你生成的文件是否是最新的了 安装这个插件

把对HTML所有打包处理的代码如下,这样HTML就打包就处理完成了。

webpack.config.js:

index.html:

 看一下生成的HTML:

好了,到这里最简单的HTML打包处理就完成了,谢谢大家。

附上源码路径:leo的GitHub

https://github.com/suxiaoX/webpack2

webpack2系列step1--HTML

原文地址:http://www.cnblogs.com/heigehe/p/7592077.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved