![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端⼯程化
文章平均质量分 97
前端⼯程化实战
每天内卷一点点
学无止尽
展开
-
前端工程化实战 - 开发脚手架
日常开发会面临的一些问题(技术是为了解决问题而存在的)主要解决的问题实现前端工程化可以从以下几方面出发:一切重复的工作都应该被工程化一些成熟的工程化集成通常我们在去开发相同类型的项目时都会有一些相同的约定,其中包括:安装对应的 generator通过 yo 运行 generator(在自己新建的文件根目录运行)填写相关信息运行模块3.4 Yeoman 使用步骤总结明确你的需求找到合适的 Generator全局范围安装找到的 Generator通过 Yo 运行对原创 2022-06-09 16:58:45 · 724 阅读 · 0 评论 -
前端工程化实战 - 自动化构建工具
最典型的运用场景就是在去开发网页应用时就可以使用:main.scssindex.htmlpackage.json安装 Sass 模块安装完成后,在 node_modules 下有一个 .bin 目录,这个目录下有一个 Sass 的命令文件,可以使用指令打开帮助信息将 Sass 文件转换成 CSS使用 或 启动实现自动化构建(1)安装 browser-sync 模块,用于启动一个测试服务器,去运行项目(2)在 scripts 中添加 serve 命令,通过 br原创 2022-06-13 22:47:25 · 1499 阅读 · 0 评论 -
前端工程化实战 - 模块化开发
第一阶段所以就有了第二阶段,在第二阶段当中,我们约定每一个模块只暴露一个全局对象,所有模块的成员都挂载到对象下面具体做法就是在第一阶段的基础上,通过将每个模块包裹为一个全局对象的形式实现,有点类似于为模块内的成员添加了命名空间的感觉通过命名空间减小了命名冲突的可能,但是同样没有私有空间,所有模块成员也可以在模块外部被访问或者修改,而且也无法管理模块之间的依赖关系第二阶段到了第三阶段,第三阶段使用立即执行函数的方式为模块提供私有空间具体做法就是将模块中每一个成员都放在一个函数提供的私原创 2022-06-15 19:53:42 · 475 阅读 · 0 评论