面试取经:工程化篇-webpack性能优化之减少模块解析

减少模块解析

java 复制代码
module.exports = {
    // ....
    module:{
        noParse: /reg/
    }
}

什么叫模块解析

模块解析包括:抽象语法树分析、依赖分析、模板语法替换,发生在webpack编译过程的第二个阶段(编译阶段)

不做模块解析会怎样

如果某个模块不做解析,该模块经过loader处理后的代码就是最终代码。

如果没有loader对该模块进行处理,该模块的源码就是最终打包结果的代码。

如果不对某个模块进行解析,可以缩短构建时间

哪些模块不需要解析

模块中无其他依赖:一些已经打包好的第三方库,比如jquery

tips:以上信息来自渡一相关学习资料,供自己学习和面试使用。

相关推荐
Kagol1 分钟前
TinyVue 支持 Skills 啦!现在你可以让 AI 使用 TinyVue 组件搭建项目
前端·agent·ai编程
柳杉4 分钟前
从零打造 AI 全球趋势监测大屏
前端·javascript·aigc
simple_lau5 分钟前
Cursor配置MasterGo MCP:一键读取设计稿生成高还原度前端代码
前端·javascript·vue.js
睡不着先生7 分钟前
如何设计一个真正可扩展的表单生成器?
前端·javascript·vue.js
天蓝色的鱼鱼15 分钟前
模块化与组件化:90%的前端开发者都没搞懂的本质区别
前端·架构·代码规范
明君8799718 分钟前
Flutter 如何给图片添加多行文字水印
前端·flutter
leolee181 小时前
Redux Toolkit 实战使用指南
前端·react.js·redux
bluceli1 小时前
React Hooks最佳实践:写出优雅高效的组件代码
前端·react.js
IT_陈寒1 小时前
JavaScript代码效率提升50%?这5个优化技巧你必须知道!
前端·人工智能·后端
IT_陈寒1 小时前
Java开发必知的5个性能优化黑科技,提升50%效率不是梦!
前端·人工智能·后端