基于webpack实现多html页面开发框架一 准备工作

     本系列主要介绍如何基于webpack实现多html页面开发框架,这里不讲webpack的基本概念,废话不多说,直奔主题!

前置条件:

1、安装node环境,自己去官网下载安装

2、新建文件夹webpack4_multi_page_frame,进入文件夹,运行npm init -y命令初始化

3、安装webpack和webpack-cli 运行命令npm install webpack webpack-cli --save-dev

实现的功能:

1、普通前端项目多html页面使用webpack打包

2、js合并压缩

3、支持scss或less语法,合并打包

4、图片、字体处理

5、如何集成jquery插件

目的:

1、通过打包技术减少网络请求数,提高页面加载速度

2、前端页面模块化,提高页面复用性,开发效率

写的不好,请高人指教!



原文地址:https://www.cnblogs.com/lisong/p/11852131.html