![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端工程化
文章平均质量分 96
Reborn酱
这个作者很懒,什么都没留下…
展开
-
ESLint & StyleLint & CommitLint 前端规范化 学习笔记
前端规范化 学习笔记一、规范化标准1. 为什么要有规范化标准?2. 哪里需要规范化标准3. 实施规范化的方法二、ESLint 介绍1 使用步骤2. eslint 配置文件解析3. ESLint 配置注释4. ESLint 在 gulp 中的支持5. ESLint 在 webpack 中的支持一、规范化标准规范化是我们践行前端工程化中重要的一部分1. 为什么要有规范化标准?软件开发需要多人协同不同开发者具有不同的编码习惯和喜好不同的喜好增加项目维护成本每一个项目或是团队需要明确统一标准2.原创 2021-05-17 17:44:22 · 449 阅读 · 0 评论 -
Rollup && Parcel 学习笔记
Rollup 学习笔记一、Rollup的认识二、Rollup插件的使用1. rollup-plugin-json2. rollup-plugin-node-resolve3. rollup-plugin-commonjs一、Rollup的认识rollup官方文档相比于webpack来说更为小巧Rollup 仅仅使一款ESM打包器(默认只能够处理 ESM 的模块),而webpack配合plugins可以实现大部分前端工程化的需求。打包的结果更加的扁平。打包会以 tree-shaking 的形式进原创 2021-05-12 15:16:42 · 1581 阅读 · 0 评论 -
WebPack 笔记
WebPack 笔记前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npi原创 2021-05-11 17:49:30 · 203 阅读 · 0 评论 -
模块化规范之ES Modules && CommonJS 规范 学习笔记
模块化开发一、模块化发展的过程二、ES Modules 特性三、ES Modules 导入出注意事项:import注意事项:四、ES Modules 浏览器兼容性问题五、ESModules 在 Node 环境中的支持一、模块化发展的过程下面是一篇关于前端模块化发展的文章模块化在不同环境的使用:浏览器环境: ES Modules 模块化规范Node环境: CommonJS 模块化规范二、ES Modules 特性<!DOCTYPE html><html lang="en"&g原创 2021-04-25 09:20:36 · 527 阅读 · 0 评论 -
Grunt && Gulp前端自动化构建工具
前端自动化构建一、自动化构建的认识1. 概念相关2. 自动化初体验二、Grunt1. Grunt 的基本使用2. Grunt 标记任务失败1. 如何标记2. 失败之后带来的影响3. Grunt 的配置方法4. Grunt 多目标任务5. Grunt 插件的使用三、Gulp1. 基本使用2. gulp 创建组合任务总结一、自动化构建的认识1. 概念相关学自动化构建的目的?比如说在一个项目中我们想使用 ecmascript 的最新特性,以及想使用 sass来编写css,但这些内容都不是浏览器所能够识别的原创 2021-04-19 11:30:54 · 201 阅读 · 2 评论 -
Gulp 快速入门(内含case)
Gulp特点(相对于 Grunt): 高效,易用一. 基本使用安装 gulp 依赖yarn add gulp -D再根目录创建 gulp工具入口文件 gulpfile.js通过 yarn gulp 来运行任务// 默认任务yarn gulp// 普通任务yarn gulp 任务名二. gulp 创建组合任务const { series, parallel } = require('gulp')// series创建的是串行任务(按照任务次序执行,前一个任务原创 2021-04-19 11:25:27 · 236 阅读 · 2 评论 -
Yeoman && Plop 通用脚手架工具
Yeoman一、脚手架的了解1. 脚手架的作用二、Yeoman的认识三、Yeoman 基本使用1. 创建node项目的例子2. Sub Generator3. Yeoman的总结四、自定义Generator一、脚手架的了解1. 脚手架的作用相同类型的项目往往会有许多相似之处,脚手架工具就是为了帮助我们因为这些相似之处所带来的 “重复劳动”,使我们能够快速得到一个项目的基础结构。相似之处的体现以 vue 项目代码为例相同的基础代码。如: vueRouter初始化,vuex初始化,vue实例的创建原创 2021-04-12 20:03:36 · 288 阅读 · 0 评论