- 2024-11-14Gulp 的使用
官网:https://gulpjs.com/docs/en/getting-started/quick-start可以使用Gulp直接来构建自动化,使用简单,里面提供了4000多个插件//gulpfile.jsconstgulp=require('gulp');constclean=require('gulp-clean');//https://www.npmjs.com/package/gulp-cleanconstcon
- 2024-11-14从零到一构建并打包 React + TypeScript + Less组件库教程(二、组件库编译多产物及文档编写)
本系列目录如下:项目初始化搭建+代码规范集成组件库多产物编译及文档编写上篇文章我们将组件库的基本结构和规范进行了整理,本篇的核心基本全在components文件夹下本篇的打包参考了文章https://github.com/worldzhao/blog/issues/5,强烈建议阅读一下此文章,而且讨论区也能
- 2024-07-04编译elementUI主题scss
elementVue2工程1. 安装包"gulp":"^4.0.2","gulp-autoprefixer":"^8.0.0","gulp-minify-css":"^1.2.4","gulp-sass":"^4.0.2","gulp-uglify":"^3.0.2",2.
- 2024-06-17在Web项目中使用Sass:提升CSS效率的指南
Sass(SyntacticallyAwesomeStylesheets)是一种CSS预处理器,它为CSS增加了变量、嵌套规则、混合(mixins)、函数等高级功能,极大地提高了CSS的编写效率和可维护性。本文将详细介绍如何在Web项目中集成和使用Sass。1.理解Sass的优势变量:使用变量存储颜色、字体等,易于统一管理和
- 2024-06-17layui 构建工具gulp打包LayuiAdmin
https://blog.csdn.net/u010334503/article/details/128762800项目可采用gulp构建,gulpfile.js是任务脚本,package.json是任务配置文件step1:确保你的电脑已经安装好了Node.jsstep2:命令行安装gulp:npminstallgulp-gstep3:切换到该项目根目录(即gulpfile.js所在目录),命令行
- 2024-06-04gulp的使用
在发布官网时,会因为本地浏览器的缓存,导致一些样式不会及时更新,这时可以使用gulp对静态资源进行打包,在静态资源文件后面添加版本号或者MD5后缀,从而使浏览器请求新的资源,解决缓存的问题,此外gulp可以处理理常见任务,压缩静态资源文件等,下面介绍gulp的使用方法。1.gulp是什么gu
- 2024-04-03gulp del 拾遗
gulp打包的时候,先删除,再打包 代码如下: 出现异常: 看错误提示,感觉是clean删除文件和后面的打包是同时进行的。但是看打包进度提示,clean完成后才进行的后续打包: 凭经验感觉,应该是del应该是异步操作。下面是clean代码: 还是看看del的readme吧! 看到这里aw
- 2024-04-01gulp入门基础(1),前端热修复面试
gulp.task(name[,deps],fn)定义一个gulp任务,name是任务名称。[,deps]是任务依赖。fn是任务回调函数。(1)任务依赖的形式可以是:gulp.task(‘two’,[‘one’],function(){//‘one’完成后});gulp.task(‘one’,function(cb){//cb();//returnstream;//ret
- 2024-01-31gulp : 无法将“gulp”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=gulp%20%3A%20%E6%97%A0%E6%B3%95%E5%B0%86%E2%80%9Cgulp%E2%80%9D%E9%A1%B9%E8%AF%86%E5%88%AB%E4%B8%BA%20cmdlet%E3%80%81%E5%87%BD%E6%95%B0%E3%80%81%E8%84%9A%E6%9C%AC%E6%96
- 2023-12-12Teamcenter AWC开发报错 ESLintError in plugin "gulp-eslint"
1、npmrunrefresh没有报错,npmrunbuild会报错✖34problems(1error,33warnings)0errorsand12warningspotentiallyfixablewiththe`--fix`option.[08:47:54]'audit'erroredafter6.31s[08:47:54]ESLintErrorinplugin"gulp-eslint&quo
- 2023-10-02自动化构建:提高开发流程效率与质量的关键工具
- 2023-09-14构建工具gulp浅谈
gulp.js-基于流(stream)的自动化构建工具引言: js作为一门脚本语言,在较早时候,只能通过<script>标签插进html去运行,单个的js文件离开了html就没有了意义。 如果一个网站功能很多,要按照功能划分写十几个js文件,那么就要插入十几个<scriptsrc="">去引那些js文件,还需要注意顺
- 2023-07-17postcss-px-to-viewport 插件移动端适配
1.简介:postcss-px-to-viewport是一个将px单位转换为视口单位的(vw,vh,vmin,vmax)的PostCSS插件。将CSS中的px单位转化为vw,来进行移动端适配,1vw等于1/100视口宽度。2.地址:postcss-px-to-viewportGitHub地址3.安装:npmnpminstallpostcss-px-to-viewport--save-
- 2023-06-29自用gulp打包脚本,压缩html,压缩js,压缩css,压缩图片,功能齐全
constgulp=require('gulp');constfs=require('fs');consthtmlmin=require('gulp-htmlmin');constuglify=require('gulp-uglify');constuglifyEs=require('uglify-es');constminifyCSS=require(
- 2023-04-14Vue
相关资料地址官网: https://cn.vuejs.org/官网教程: https://cn.vuejs.org/v2/guide/官网API: https://cn.vuejs.org/v2/api/ 王树东FE10资料:https://github.com/itguide/fe10 (对应视频资源:链接:https://pan.baidu.com/s/1nP-eD4XEH2nG1uABhsPvuw密码:w0ve)
- 2023-04-03直播音视频技术
1.协议 流媒体 webRtc:浏览器音视频会议2011年谷歌提出。 直播时移模式 返回直播 斗鱼web直播可以查看两小时内的内容。 1.1RTMP协议 主流浏览器将不再支持flash,慎重考虑使用。 Flash流媒体系统 客户端:FlashPla
- 2023-03-31gulp笔记 2 (进阶一点点:使用bower来管理前端依赖)
其实gulp比例1中的内容已经基本满足开发要求了。此文为进阶的一点点知识#1 安装bower(bower是个纯web前端依赖管理工具。) npminstall-gbower #版本为1.8.14,必须安装在全局 bowerinit#会生成一个bower.json文件,选项寂寞默认就行,bower的库户自动放到bowe
- 2023-03-23从0搭建Vue3组件库(七):使用 glup 打包组件库并实现按需加载
使用glup打包组件库并实现按需加载当我们使用Vite库模式打包的时候,vite会将样式文件全部打包到同一个文件中,这样的话我们每次都要全量引入所有样式文件做不到按需
- 2023-02-27浅谈前端自动化构建(Grunt、gulp。webpack)
前言 现在的前端开发已经不再仅仅只是静态网页的开发了,日新月异的前端技术已经让前端代码的逻辑和交互效果越来越复杂,更加的不易于管理,模块化开发和预处理框架把项目
- 2023-02-22系统化学习前端之gulp
gulp基本使用gulp是什么基于流的自动化构建工具gulp执行单个任务gulp执行单个任务可以直接通过定义任务,执行任务名方式来完成任务。安装依赖npminstall-Dgu
- 2023-02-09gulp-babel没有将ES6转为ES5,
使用gulp-babel转换ES6到ES5,然后用uglify对代码压缩,gulpfile中的代码片段:gulp.task('default', () => gulp.src('src/app.js') .pipe(babel()
- 2023-02-02执行gulp build报错
问题与分析在执行gulpbuild报错如下:D:\coding\Resume\Resumes>gulpbuildgulpbuild[5628]:src\node_contextify.cc:628:Assertion`args[1]->IsString()'faile
- 2023-02-01Cesium打包入门(gulp与esbuild)_云上飞47636962的博客
本文针对Cesium源码包的打包工具gulp和esbuild进行了初步探讨,属于入门篇。首先简要介绍采用gulp+esbuild如何为多个源代码文件打包成一个单独文件,然后介绍了下Cesium中的
- 2023-01-29详解 Gulp4 和 Gulp3 的区别
最近在开发几个网站,为了优化一下前端代码,就复习一下gulpjs,之前工作gulp用的版本比较老,但是今天看了新的版本,新的语法出了一下,但是为了时间,我决定使用之前gulp3的旧版本,后面
- 2023-01-16脚手架及自动化
1.工程化概述1.1.面临的问题技术是为了解决问题而存在的想要使用ES6+新特性,但是兼容有问题想要使用Less/Sass/PostCSS增强CSS的编程性,但是运行环境不能直接支持