前端工程化
文章平均质量分 80
River_Js
热衷于前端工作,兴趣广泛,喜欢阅读技术类书籍和玩有趣儿的小的demo,对新奇好玩的技术有极大的热情!
展开
-
webpack中的optimization属性部分功能归纳
什么是optimizationwebpack目前最新的版本是5,但是早在4的时候,就可以通过选择不同的mode模式来优化打包的结果,但是我们仍然可以使用optimization来对打包结果进行优化原创 2021-01-28 10:49:20 · 5291 阅读 · 0 评论 -
总结一下ES Module 容易踩坑的点,常见问题汇总
最近系统的学习了一下ES Module的一些内容,发现了一些在使用过程中几个容易踩坑的点一:script标签问题出现这个问题要检查在web环境中,html 的script 的标签如果没有加这个type属性,机会报错,因为ES Module是ES6的语法,浏览器是识别不了的题外话,如果在script标签里加了type = “module”会有如下几个特点:会默认变为严格模式,在严格模式下不可以直接使用this每个模块都会变成一个独立的私有作用域,外部是访问不到的可以自动延迟执行脚本,不会阻原创 2021-01-21 12:45:27 · 1503 阅读 · 2 评论 -
介绍一下gulp 的基本使用方法
安装Gulp 是自动化构建的工具之一,今天来记录一下他的一些基本使用的方法初始化项目yarn init --yes使用 yarn 来在开发模式下安装yarn add gulp --dev在项目目录中新建一个 gulpfile.js 文件 ,他是gulp 的入口文件这里可以手动创建 ,也可以通过code gulpfile.js (记得保存)基本用法然后我们就可以在这个gulp 的配置文件内进行一些配置gulpt通过导出函数成员的方式来定义任务exports.foo = do原创 2021-01-17 18:18:00 · 379 阅读 · 0 评论 -
Yeoman的使用与自定义Generator的创建
安装 yeomannpm install yoyarn global add yo安装Generator例如npm install generator-nodenpm install generator-webapp或者使用yarnyarn global add generator-webapp其他需求可参考官方文档官方generators查询使用对应的generators使用命令例如:yo webappyo 后跟generator下载的类别name自定义一个genera原创 2021-01-14 14:31:27 · 286 阅读 · 0 评论