前端自动化构建
文章平均质量分 83
Alisone_li
学习目标:HTML,CSS,JS,JQ,NodeIs,VueJs,ReactJs,Java,Spring+,MySQL,Redis,Linux
学习宣言:持之以恒的坚持,刻苦学习的决心,立志成为一名全栈开发工程师。
展开
-
【前端自动化构建】之 自动化部署
项目说明笔记来源:拉勾教育 大前端高薪训练营阅读建议:建议通过左侧导航栏进行阅读自动化部署基本介绍传统的部署方式更新本地构建发布更新本地构建发布…现代化的部署方式(CI / CD)CI / CD 服务JenkinsGitlab CIGitHub ActionsTravis CICircle CI…GitGub Actions环境准备Linux 服务器把代码提交到 GitHub 远程仓库配置 GitHub Access Token原创 2021-02-28 13:21:23 · 406 阅读 · 0 评论 -
浅谈前端自动化构建 -- Grunt、Gulp、FIS
前言笔记来源:拉勾教育 大前端高薪训练营阅读建议:内容较多,建议通过左侧导航栏进行阅读自动化构建基本介绍一切重复工作本应自动化。将开发中的源代码,自动化的转换成生产环境中可以运行的程序,转换过程称为 自动化构建工作流。作用:1,脱离运行环境兼容带来的问题2,使用提高效率的语法、规范和标准3、构建转换那些不被支持的特性自动化构建初体验1,安装 sass 模块,并将其作为开发依赖进行安装$ yarn add sass --dev # or npm install sass --s原创 2020-11-24 10:53:15 · 547 阅读 · 0 评论 -
浅谈前端工程化 之 前端脚手架工具 -- Yeoman、Plop
文章内容输出来源:拉勾教育 大前端高薪训练营前端工程化基本介绍定义前端工程化是指遵循一定的标准和规范,通过工具去提高效率,降低成本的一种手段。面临的问题1、想要使用 ES6 + 新特性,但是兼容有问题2、想要使用 Less / Sass / PostCSS 增强 CSS 的编程性,但是运行环境不能直接支持3、想要使用模块化的方式提高项目的可维护性,但运行环境不能直接支持4、部署上线前需要手动压缩代码及资源文件,部署过程需要手动上传代码到服务器5、多人协作开发,无法硬性统一大家的代码风.原创 2020-11-24 08:57:44 · 866 阅读 · 1 评论 -
【规范化标准】之 ESLint、Stylelint
规范化标准规范化标准基本介绍实现方式ESLint基本介绍准备工作快速上手配置文件配置注释集成GulpWebpackStylelint基本介绍基本使用Prettier基本介绍基本使用Git Hooks基本介绍基本使用规范化标准基本介绍规范化是我们践行前端工程化中重要的一部分。为什么要有规范化标准?软件开发需要多人协同;不同开发者具有不同的编码习惯和喜好;不同的喜好增加项目维护成本;每个项目或者团队需要明确统一的标准。哪里需要规范化标准代码、文档、甚至是提交日志;开发过程中人为编写的原创 2020-12-03 09:50:25 · 832 阅读 · 0 评论 -
【模块化开发】之 模块化概述
前言模块化开发,是当下最重要的前端开发范式之一。模块化只是一个思想、一个理论。笔记来源:拉勾教育 大前端高薪训练营阅读建议:内容较多,建议通过左侧导航栏进行阅读模块化过程早期模块化完全依靠约定。文件划分方式缺点:1,污染全局作用域;2,命名冲突问题;3,无法管理模块依赖关系。命名空间方式命名空间方式,将所需变量包裹进全局对象内。IIFEIIFE,自执行函数,将变量设为私有成员。模块化规范模块化规范,是指 模块化标准 + 模块加载器。CommonJs 规范Commo原创 2020-12-02 16:06:24 · 245 阅读 · 0 评论 -
【模块化开发】之 Webpack、Rollup、Parcel
文章目录前言Webpack基本介绍适用场景快速上手基本使用配置文件工作模式基本配置模块加载Js 代码样式代码HTML 代码LoaderLoader Kinds编译转换类css-loaderstyle-loaderbabel-loaderhtml-loader文件操作类file-loaderurl-loader代码检查类Loader Dev开发需求准备工作基本配置Pluginsclean-webpack-pluginhtml-webpack-plugincopy-webpack-pluginplugins d原创 2020-12-02 17:14:55 · 825 阅读 · 0 评论