06 2022 档案
摘要:什么叫做模块化? 将JS进行拆分,从script引入,到引入entry.js,entry作为入口,引入各个模块 CJS规范 简介 nodejs默认的模块化规范是,每个文件就是一个模块,有自己的作用域 node中CJS模块加载采用同步加载方式 通过require加载模块,通过exports或modul
阅读全文
摘要:为什么我们要装node,npm,webpack? 因为工程化工具都是在nodejs中运行 前端工程化解决什么问题? 前端开发效率,开发规范,访问性能等 传统前端开发中经常遇到的问题 js全局作用域冲突 编码规范问题 资源合并和压缩问题 高版本js语法降级
阅读全文
摘要:webpack偏向于应用的打包 rollup偏向于js类库的打包 roullup.js默认采用ES模块标准,我们可以通过rollup-plugin-commonjs插件使之支持commonJS标准 安装rollup.js: npm i rollup -g 通过rollup指令打包 rollup sr
阅读全文
摘要:作用 类似于一个语法转换器,将所有语法转换为ES5语法,它本身只管语法的转化,不管api,不管模块。 因此,babel经常与打包工具配合使用。 通过babel命令将文件转换为ES5文件 npx babel src/index.js 配置 我们可以通过对.babelrc对babel进行配置,babel
阅读全文