学习webpack记录（三）

问题1：如何打包生成多页面的文件

要点：入口多js文件

实例化多个htmlWebpackPlugin , 使用 chunk:['main','a'],来指定每个文件各自包含的js文件

也可使用excludeChunks:['a','b'] 除了a.js和b.js

问题2:如何实现3个html文件中main.js是直接在html文件中生成的，而a.js/b.js/c.js都是通过cdn的形式外链介入？

问题3：webpack 如何处理项目中的资源文件？

3.1 ES6语法转换为浏览器接收的语法

3.2 处理css或者css预处理语言（less scss stylus）

3.3 图片压缩、图片转为base64的编码格式减少请求

首先解析es6语法：需要安装依赖 babel-core babel-loader

配置wabpack.config.js

解析：需要在根目录下增加一个.babelrc文件，指定es6语言转化为那个版本

include 里面包含需要解析的js存在范围，极大缩端打包时间，依赖babel-loader

运行的结果

学习webpack记录（三）相关推荐

学习webpack记录(一)
1.首先遇到一个坑:webpack hello.js hello.bundle.js 报错原因:webpack 4.1.0版可能不支持这种写法,换成webpack 3.8.1 转换成功! 2.打包 ...
SQL Server基础操作(此随笔仅作为本人学习进度记录三)
统计函数 select * from 教师资料 where 教师薪资>(select AVG(教师薪资) from 教师资料) \\从教师资料表中查出所有高于平均薪资的人员.use LtsDat ...
MySQL学习记录 (三) ----- SQL数据定义语句(DDL)
相关文章: <MySQL学习记录 (一) ----- 有关数据库的基本概念和MySQL常用命令> <MySQL学习记录 (二) ----- SQL数据查询语句(DQL)> &l ...
css学习记录三：文本属性
css学习记录三:CSS文本属性一.文本属性的作用二.文本颜色三.文本对齐四.装饰文本五.文本缩进六.行间距一.文本属性的作用 CSSS Text(文本)属性可定义文本的外观,比如文本的 ...
Kafka学习记录(三)——Broker
Kafka学习记录(三)--Broker 目录 Kafka学习记录(三)--Broker 对应课程 Zookeeper存储的Kafka信息 Broker总体工作流程 Broker的服役和退役 Kafk ...
webpack入门学习手记（三）
本人微信公众号:前端修炼之路,欢迎关注. 距离上一次更新这个系列,过去了两天.最近实在是有点忙,没有挤出时间整理.感觉日更还真是困难? 以下是正文. 管理资源如果看过之前的系列文章,应该会有一个学习 ...
webpack 占位符_通过示例学习Webpack：占位符图像模糊
webpack 占位符 by Kalalau Cantrell 通过Kalalau Cantrell 通过示例了解Webpack:占位符图像模糊 (Learn Webpack by Example: ...
Linux学习之CentOS(三十四)--配置域主DNS服务器
在上一篇随笔里 Linux学习之CentOS(三十三)--DNS基础及域名系统架构,讲解了DNS的一些基础知识以及域名系统架构,在本篇随笔里将详细地讲解主DNS服务器的配置... 一.DNS服务器的类 ...
拒绝从入门到放弃_《鸟哥的 Linux 私房菜 — 基础学习篇(第三版)》必读目录
目录目录前言关于这本书必看知识点最后前言相信部分刚进入这个行业的新同学会对一个问题感到疑惑,为什么从培训学校出来的学员不被欢迎? 这里记录下一些我个人的看法(博主也曾有面试新员工的经历) ...

学习webpack记录（三）

学习webpack记录（三）相关推荐

最新文章

热门文章