首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
webpack
亮哥666
创建于2024-11-08
订阅专栏
webpack相关技术笔记
暂无订阅
共16篇文章
创建于2024-11-08
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
1. 如何在浏览器端实现模块化
如何在浏览器端实现模块化 课程简介 本门课需要的前置知识:ES6、模块化、包管理器、git 本门课的讲解特点: 合适的深度:webpack使用层面很简单,但原理层面非常复杂 合适的广度:webpack
2.webpack的安装和使用
webpack的安装和使用 webpack简介 webpack是基于模块化的打包(构建)工具,它把一切视为模块 它通过一个开发时态的入口模块为起点,分析出所有的依赖关系,然后经过一系列的过程(压缩、合
3.模块化兼容性
模块化兼容性 由于webpack同时支持CommonJS和ES6 module,因此需要理解它们互操作时webpack是如何处理的 同模块化标准 如果导出和导入使用的是同一种模块化标准,打包后的效果和
4. 编译结果分析
原代码 自己写的编译后的代码 webpack编译后的代码,源代码分析源代码分析源代码分析源代码分析源代码分析
5.配置文件
配置文件 webpack提供的cli支持很多的参数,例如--mode,但更多的时候,我们会使用更加灵活的配置文件来控制webpack的行为 默认情况下,webpack会读取webpack.config
6.devtool配置
devtool 配置 {ignore} source map 源码地图 前端发展到现阶段,很多时候都不会直接运行源代码,可能需要对源代码进行合并、压缩、转换等操作,真正运行的是转换后的代码 这就给调试
7.编译过程
webpack 编译过程 webpack 的作用是将源代码编译(构建、打包)成最终代码 整个过程大致分为三个步骤 初始化 编译 输出 初始化 此阶段,webpack会将CLI参数、配置文件、默认配置进
8.入口和出口
入口和出口 出口 这里的出口是针对资源列表的文件名或路径的配置 出口通过output进行配置 入口 入口真正配置的是chunk 入口通过entry进行配置 规则: name:chunkname has
9. loader
loader webpack loader: loader本质上是一个函数,它的作用是将某个源码字符串转换成另一个源码字符串返回。 loader函数的将在模块解析的过程中被调用,以得到最终的源码。 全
10.plugin
plugin loader的功能定位是转换代码,而一些其他的操作难以使用loader完成,比如: 当webpack生成文件时,顺便多生成一个说明描述文件 当webpack编译启动时,控制台输出一句话表
11. webpack 区分环境
区分环境 1.可以生产和开发环境写两个配置文件,然后在执行运行不同的webpack文件 2.仍然可以使用一个文件,webpack允许配置不仅可以是一个对象,还可以是一个函数,然后传入函数的参数去区分
12. webpack其他细节配置
其他细节配置 context 该配置会影响入口和loaders的解析,入口和loaders的相对路径会以context的配置作为基准路径,这样,你的配置会独立于CWD(current working
13.webpack常用的扩展
1.清理输出文件 clean-webpack-plugin 作用就是将生成的目标文件,在下一次生成前清理掉 2.生成模版文件 html-webpack-plugin 根据原html文件,生成模版htm
14. CSS 工程化
1. css工程化概述 css的问题 类名冲突的问题 当你写一个css类的时候,你是写全局的类呢,还是写多个层级选择后的类呢? 你会发现,怎么都不好 过深的层级不利于编写、阅读、压缩、复用 过浅的层级
15.babel
1.babel的安装和使用 babel简介 babel一词来自于希伯来语,直译为巴别塔 巴别塔象征的统一的国度、统一的语言 而今天的JS世界缺少一座巴别塔,不同版本的浏览器能识别的ES标准并不相同,就
16. webpack 相关的性能优化
1.性能优化概述 本章所讲的性能优化主要体现在三个方面: 构建性能 这里所说的构建性能,是指在开发阶段的构建性能,而不是生产环境的构建性能 优化的目标,是降低从打包开始,到代码效果呈现所经过的时间 构