前端模块化
文章平均质量分 79
叫我刘某人
想当画家的程序员......
展开
-
使用require.context实现前端工程自动化
require.context是什么require.context是webpack的一个api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式的调用import导入模块分析require.contextrequire.context函数接受三个参数 directory {String} -读取文件的路径原创 2021-07-27 12:06:02 · 252 阅读 · 0 评论 -
前端模块化
什么是前端模块化?一句话概括:将独立的功能代码封装成一个独立的文件,其他模块需要使用,在进行引用。有利于代码的拆分和架构上的解耦几种常见的前端模块化方式commonjs伴随nodejs而诞生的commonjs规范。commonjs 规范应用于 nodejs 应用中,在 nodejs 应用中每个文件就是一个模块,拥有自己的作用域,文件中的变量、函数都是私有的,与其他文件相隔离。CommonJS规范规定,每个模块内部,module变量代表当前模块。这个变量是一个对象,它的e...原创 2021-07-19 21:47:52 · 153 阅读 · 0 评论