webpack4.0
1. webpack 刚开始是js的模块打包,现在是一个任何模块打包工具 可以识别 CommonJS引入规范 CMD AMD
2. commonJS: module.exports require()
3. webpack 如果安装全局 会不利于各个项目的切换和项目间的依赖
4.目录下新建webpack.config.js
灵魂三问: webpack是什么 模块是什么 webpack配置文件作用是什么
module rule里的loader是什么 plugin是什么
插件:
htmlWebpackPlugin 会在打包结束后 自动生成一个html文件 并把打包生成的js自动引入到html文件中
babel是一个js编译器
可以把ES6转换成ES5
可以用polyfill在目标环境中添加缺失特性 (通过 @babel/polyfill模块)
5. webpack 的tree shaking 按需加载
webpack4.0的更多相关文章
- 史上最走心webpack4.0中级教程——配置之外你应该知道的事
		<webpack4.0各个击破系列>适合不满足于只会配置webpack但一时间又看不懂源码的中级读者.我没法保证这个系列是最好的,但至少能保证每一篇博文都跟那些Ctrl+C和Ctrl+V的 ... 
- webpack4.0各个击破(1)—— html部分
		webpack作为前端最火的构建工具,是前端自动化工具链最重要的部分,使用门槛较高.本系列是笔者自己的学习记录,比较基础,希望通过问题 + 解决方式的模式,以前端构建中遇到的具体需求为出发点,学习we ... 
- webpack4.0各个击破(2)—— CSS篇
		webpack作为前端最火的构建工具,是前端自动化工具链最重要的部分,使用门槛较高.本系列是笔者自己的学习记录,比较基础,希望通过问题 + 解决方式的模式,以前端构建中遇到的具体需求为出发点,学习we ... 
- webpack4.0各个击破(3)—— Assets篇
		目录 一. Assets资源的基本处理需求 二. webpack处理引用资源 2.1 资源打标 2.2 引用优化 2.3 sprites雪碧图合成 2.4 图片压缩及其他 webpack作为前端最火的 ... 
- webpack4.0各个击破(4)—— Javascript & splitChunk
		目录 一. Js模块化开发 二. Js文件的一般打包需求 三. 使用webpack处理js文件 3.1 使用babel转换ES6+语法 3.2 脚本合并 3.3 公共模块识别 3.4 代码分割 3.5 ... 
- webpack4.0各个击破(5)—— Module篇
		webpack4.0各个击破(5)-- Module篇 webpack作为前端最火的构建工具,是前端自动化工具链最重要的部分,使用门槛较高.本系列是笔者自己的学习记录,比较基础,希望通过问题 + 解决 ... 
- webpack4.0各个击破(6)—— Loader篇
		webpack作为前端最火的构建工具,是前端自动化工具链最重要的部分,使用门槛较高.本系列是笔者自己的学习记录,比较基础,希望通过问题 + 解决方式的模式,以前端构建中遇到的具体需求为出发点,学习we ... 
- webpack4.0各个击破(7)—— plugin篇
		webpack作为前端最火的构建工具,是前端自动化工具链最重要的部分,使用门槛较高.本系列是笔者自己的学习记录,比较基础,希望通过问题 + 解决方式的模式,以前端构建中遇到的具体需求为出发点,学习we ... 
- webpack4.0各个击破(8)—— tapable篇
		webpack作为前端最火的构建工具,是前端自动化工具链最重要的部分,使用门槛较高.本系列是笔者自己的学习记录,比较基础,希望通过问题 + 解决方式的模式,以前端构建中遇到的具体需求为出发点,学习we ... 
- webpack4.0各个击破(9)—— karma篇
		webpack作为前端最火的构建工具,是前端自动化工具链最重要的部分,使用门槛较高.本系列是笔者自己的学习记录,比较基础,希望通过问题 + 解决方式的模式,以前端构建中遇到的具体需求为出发点,学习we ... 
随机推荐
- petapoco模板修改
			[Reference(ReferenceType.Many, ColumnName = "OneId", ReferenceMemberName = "OneId&quo ... 
- flutter 列表展示
			内容: 1.列表展示 2.轮播图 3.其他 本次的内容也是在上一节的基础上进行操作 我们就搞这个story模块. 目录: story.dart story主页面 import 'package:fl ... 
- 页面中dropDownListt的二级关联
			当下拉框选项不多,而且可以写死的情况下,用js在页面写可能更方便. 我的html代码如下,两个关联是下拉框:配件类型.子类型. <div class="col-md-3 col-sm- ... 
- LeetCode 147. Insertion Sort List 链表插入排序 C++/Java
			Sort a linked list using insertion sort. A graphical example of insertion sort. The partial sorted l ... 
- jersey 用FastJson替换掉默认的Jackson
			@Bean public ResourceConfig resourceConfig() { ResourceConfig resourceConfig = new ResourceConfig(); ... 
- MVC人员管理系统
			基本都要使用C控制器中的两个action来完成操作,一个用于从主界面跳转到新页面.同时将所需操作的数据传到新界面,另一个则对应新界面的按钮,用于完成操作.将数据传回主界面以及跳转回主界面.根据不同情况 ... 
- 解决jQuery和其他库冲突
			<script> console.log($); // //jquery在其他库之前导入,直接使用jQuery()或 // var $replace = jQuery.noConflict ... 
- webpack代理解决跨域问题
			new WebpackDevServer(webpack(config), { hot:hot, inline: true, compress: true, //去掉真实ip的检测 disableHo ... 
- C++builder Tokyo 调用com 不正确的变量类型
			C++builder Tokyo 调用com 不正确的变量类型 tt.OleFunction("interface_call","MS01",&erro ... 
- docker 独立搭建linux + php 随笔
			参考了 https://www.jianshu.com/p/fcd0e542a6b2 dodos大佬的一些经验 1.首先,由于nginx跟php的特性,使得二者可以单独作为独立容器存在,所以为了使h ... 
