
webpack
文章平均质量分 58
YoungtoNine
这个作者很懒,什么都没留下…
展开
-
学习简单打包器的实现
学习地址 本文代码地址 1. 读取文件 首先我们需要一个创建函数,并且读取我们指定文件的内容 function createAssets(filePath) { const source = fs.readFileSync(filePath, { encoding: 'utf8', }) } 2. 生成语法树 通过安装@babel/parser来将文件的内容解析成ast抽象语法树 const ast = parser.parse(source, { sourceType: 'mo原创 2022-01-24 19:50:18 · 699 阅读 · 0 评论 -
HMR(Hot Module Replacement)
就是我们俗称的热更新,在更新代码的时候只更新当前被修改的模块 1.配置: module.exports = { target:"web", devServer: { hot: true, // 开启热更新 } } 最好和target进行搭配,表示要打包成哪个平台 2. 使用 仅仅写了上面的配置的时候,我们模块的更新还是会刷新整个页面,而不能做到局部,因此我们需要在入口文件中进行判断配置下 import ‘./a.js’ if (module.hot) { module.hot.acc原创 2021-11-16 20:33:04 · 194 阅读 · 0 评论