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 · 650 阅读 · 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 · 151 阅读 · 0 评论