Gulp 第7页

一个简单的脚手架drop-cli、vue的组件库、移动端架构和pc管理后台模版

一个简单的脚手架,可添加不同的模版/框架1.安装并查看drop-cli的模版$npminstalldrop-cli-g$drop-clilist2.选择模板并创建自己的项目$drop-cliinit$gulp-html-front

咸鱼plus·2023-04-12 00:47

TS 笔记一 HelloWorld和环境搭建

完成HelloWorld参考TypeScript安装1.nodejs/npm安装首先要安装npm，参考jsnodejsnpm之间的关系+npm安装备忘为了版本切换方便，建议安装nvm，参考使用nvm解决gulpReferenceError

合肥黑·2023-04-10 22:22

关于前端工程化的一些理解，以及配置gulp自动化和自定义一个前端脚手架

文章内容输出来源：拉勾教育前端高薪训练营关于前端工程化前端工程化是什么工程化是使用软件工程的技术和方法来进行前端的开发流程、技术、工具、经验等规范化、标准化，其以提高效率、降低成本、质量保证为目的。工程化不等于某个具体的工具，工程化是指项目整体的规划和架构，工具只是落地实施的手段。工程化主要解决的问题传统语言或语法的弊端，如需要使用ES6+的新特性，但是存在兼容问题，亦或是使用Less/Sass/

yhzzy·2023-04-10 15:37

小程序本地mock系统

基本流程：启本地服务请求截获返回数据通过gulp任务利用hapi启一个本地服务然后通过route截获请求代码截图在mockServer里处理返回，可以根据接口名定义mock数据文件，然后去读取文件内容做为

夏夏夏天的夏·2023-04-10 14:53

css插件学习--lostgrid

安装以gulp为例vargulp=require('gulp'),postcss=require('gulp-postcss'),sourcemaps=require('gulp-sourcemaps'

生活也许是一首诗·2023-04-10 04:31

npm-npmscript-gulp-webpack

题目1：如何全局安装一个node应用?npminstall-g题目2：package.json有什么作用？直接的说：就是管理你本地安装的npm包一个package.json文件可以做如下事情：1.展示项目所依赖的npm包2.允许你指定一个包的版本[范围]3.让你建立起稳定，意味着你可以更好的与其他开发者共享通常在创建NPM包时，可以在命令行输入nmpinit命令自动生成一个package.json

大大的萝卜·2023-04-10 01:31

gulp 错误集锦

1.运行gulpfile文件时报错报错内容：TypeError:gulp.on(...).on(...).on(...).on(...)\.startisnotafunction问题分析：一般这种情况是因为

celineWong7·2023-04-09 18:19

windows下解决node-sass安装失败

一、报错>[email protected]:\node_modules\gulp-sass\node_modules\node-sass>nodescripts/install.jsDownloadingbinaryfromhttps

夏木炎·2023-04-09 18:06

gulp-babel编译时出现Cannot find module '@babel/core'

太难为我这个刚刚自学gulp的小白了。后来发现我的gulp-babel版本是8.ximage.png试着用webpack的解决方式，安装了7.x，然后就解决了。

喵冬·2023-04-09 17:31

探秘 webpack 中 loader 的实现方式

正值前端组件化开发时代，那么必然离不开目前最火的构建工具——webpack（grunt，gulp等暂且不谈）。

HashTang·2023-04-09 11:14

使用gulp构建TypeScript项目

使用Gulp构建TypeScript，在Gulp管道里添加Browserify，uglify或Watchify。它还包涵了Babel的功能，通过使用Babelify。

MasonInFaith·2023-04-09 03:36

2020年前端学习体系与前端概述

PHP基础H5UIbootstrapless/stylus模板引擎swiperiscrollselect2工程课程：ES5/6/7git&GitHubnodeJSmongoDBmySQLwebpackgulpbabelVUE

海牙kyogre·2023-04-09 00:56

微信小程序组件库开发记录

微信小程序组件库开发记录背景前言技术选型环境搭建安装gulp将`scss`编译为`wxss`压缩`wxml`，`js`，`json`文件和图片拷贝文件到另一个目录删除目录整合创建组件模板开发技巧properties

在厕所喝茶·2023-04-08 17:29

Rollup、webpack、gulp、Grunt

RollupRollup官方解析：Rollup是一个JavaScript模块打包器，可以将小块代码编译成大块复杂的代码，例如library或应用程序webpack官方解析：webpack是一个现代JavaScript应用程序的静态模块打包器(modulebundler)。当webpack处理应用程序时，它会递归地构建一个依赖关系图(dependencygraph)，其中包含应用程序需要的每个模块，

无称可用·2023-04-08 13:16

2020前端面试题

前端面试类型我大致总结为四类：1、基础题（包括js基础、css、网络知识）2、框架（jquery、vue、react、angularjs等等取决于你会哪些框架）3、常用工具（git、webpack、gulp

_Dirn·2023-04-08 06:33

【Vue学习笔记_13】webpack前端模块化打包

【Vue学习笔记_13】webpack前端模块化打包webpack初识与grunt/gulp的对比webpack安装webpack基本使用webpack配置webpack.config.jspackage.jsonwebpack-loadercss

BugFrog1024·2023-04-07 23:33

前端开发必看100道大厂面试题集锦（一）

1.说说gulp和webpack的区别开放式题目Gulp强调的是前端开发的工作流程。

千锋HTML5大前端·2023-04-07 09:14

webpack4.0 基础

前端构建工具对比作用：把源代码转换成发布到线上的可执行JSCSSHTML代码；代码转换、文件优化、代码分割、模块合并、自动刷新、自动发布、代码校验对比：Grunt、Gulp：集成度不高，没法开箱即用Fis3

alipy_258·2023-04-07 07:31

webpack4从入门到掌握核心内容

这时，我们就要借助工具来维护这些模块，而webpack就是我们所需要的工具（当然还有很多其它工具，如：gulp，grunt，browserify等）。学会了webpack，也就学会前端工程化的

FTD止水·2023-04-07 04:08

2020-09-10

无法加载文件C:\Users\songyu\AppData\Roaming\npm\gulp.ps1，因为在此系统上禁止运行脚本。

songyu0·2023-04-07 01:55

gulp 使用

1.安装nodeJS2.全局安装gulpnpminstallgulp-g3.首先，我们新建一个gulp文件夹，并在该目录下执行npminit或者npminit-y命令，然后gulp文件夹会多一个package.json

郭先生_515·2023-04-06 14:18

招聘高级/前端架构师，年薪100-200 万

至少有一个常见库或框架的大型项目经验（如：Backbone、AngularJS、React、Vue）；3.有前端架构设计、性能优化、组件化和模块化方面的实践经验，有系统重构的能力；4.熟悉前端工程化工具，如Gulp

Crystal_e430·2023-04-05 21:44

JECloud知识系列之前端框架选型

路由框架：VueRouter4状态管理框架：Pinia2国际化框架：Vuei18n9CSS预处理框架：Less3微应用框架：Micro-zoeUI框架：AntDesignVue3构建工具：Webpack4，Gulp4

weiwell666·2023-04-05 20:15

react-redux实践总结

涉及技术范围React,AngularJS,gulp,grunt,webpack,redux,canvas,node等，现在专注于前端react周边技术栈研究特此声明:本篇文章都是围绕react技术栈展开的如果你要跟我辩解是

weixin_34023982·2023-04-05 14:58

jhipster使用简明教程

jhipster在整个程序架构上都做好了整合，包括前端mvvm框架（angularjs），前端构建工具（gulp）到后端的微服务框架（springcloud）和hibernate/mongodb，再到单元测试

大树叶·2023-04-05 05:17

'gulp'不是内部或者外部命令

最近在使用gulp全局安装之后报'gulp'不是内部或者外部命令1.执行命令npmconfiggetprefix2.将输出的这一段添加到环境变量里面image.pngimage.png然后点击确定就好了

coderYJ·2023-04-05 04:00

量化考评网站

用到angular.js、gulp、bower、jade等，感谢成海指导。7月31日，初版于单位内网上线，功能如下。

篮筐轰炸机5号·2023-04-04 12:06

Jenkins+gulp构建完整项目

在项目中的使用：上一篇讲解了使用Jenkins使用过程中常遇到的错误，本章主要进行系统化讲解Jenkins+gulp完成项目的持续自动化构建。

magic_pill·2023-04-04 06:20

webpack学习笔记（踩坑笔记）

流行打包工具：webpack,grunt,gulp特别是IE前端模块化规范方案：AMD,CMD,CommonJS(node),ES6（不需要底层支撑，可以直接用）前端模块化概念：在ES6之前，我们如果想进行模块化开发

似朝朝我心·2023-04-04 00:40

Gulp入门学习笔记

Gulp是基于流的自动化构建工具，它不仅能对网站资源进行优化，而且在开发过程中能避免很多重复的工作，比如对相关文件的操作，还有自动监视一些文件的变化等功能。

小强8088·2023-04-03 15:48

nodeJS压缩代码、jade

npminstalljade-g2、不压缩html:jade-Ptest.jade3、监听jade文件:jade-P-wtest.jade会在.jade文件下生成.html文件二、jade语法：参考《gulp

大大的小小小心愿·2023-04-03 01:39

webpack介绍

前端构建工具发展：Grunt，Gulp和WebpackGrunt：从0到1，没有解决模块依赖,面向文件操作效率比较低Gulp:做了改良，基于Stream，没能解决模块依赖Webpack：划时代的解决了模块依赖的问题只支持

栗子daisy·2023-04-02 23:02

Hexo博客使用gulp压缩静态资源

Tips:前导必备博主博客地址博主使用的是hexo-theme-yilia-plus主题1、全局安装gulpnpminstallgulp-g#查看版本gulp-v2、安装gulp插件在站点根目录下安装npminstallgulp

試毅_思伟·2023-04-02 03:51

用vue搭建组件库的流程

目录一、项目介绍二、用脚手架生成vue项目三、修正项目结构四、跑通一个demo五、卡片组件的设计与代码编写六、测试组件的功能七、前端模块化八、webpack打包js文件九、Gulp打包css十、将组件库发布到

Kw_Chng·2023-04-01 22:52

webpack

开发便捷，能替代部分grunt/gulp的工作，比如打包、压缩混淆、图片转base64等。扩展性强，插件机制完善，Webpack可以将多种

笨灬蛋_a210·2023-04-01 03:55

2018-04-03

终极原因是前端的工具都是使用命令行界面，没有图形界面，不会基本命令行，ggGulp、Webpack、SASS、Node.js、Vue、React、Angular基本命令行入门浏览历史记录↑：浏览上一条命令

qingcaocao·2023-03-31 06:34

使用gulp打包压缩完整项目

简单的介绍下gulp:gulp是基于流/node的自动化构建工具；它采用的是管道传输机制（即一个输入源，一个管道，一个输出源）输入源即开发阶段的文件：gulp.src('path')通过管道进行传输：.

藟Danae·2023-03-29 11:21

gulp 实战

constgulp=require('gulp');constbrowserify=require("browserify");constsource=require("vinyl-source-stream

行走的蛋白质·2023-03-29 06:19

前端 Gulp 详细介绍与案例使用

一、简介前端常见打包构建工具：gulp、webpack…gulp是基于流的打包构建工具。webpack是基于js文件的打包构建工具。什么是流？

卡尔特斯·2023-03-29 05:30

package.json

学习gulp前端自动化时自己写的一些东西,用作以后工作中使用demo:{"name":"middleground",--工程名称"version":"1.0.0",--工程版本"description"

东方紫龙·2023-03-29 00:39

ES6 - gulp 构建运行环境 - 最详细篇章二

本篇文章承接上一篇文章3.处理.egs模板的构建脚本(tasks/pages.js)/***处理.egs模板的构建脚本:*/importgulpfrom'gulp'//gulp处理的都是文件流,它是基于

黑木令·2023-03-28 14:05

Gulp 结构化最佳实践

在Gulp的官方文档中，Gulp的任务都是写在gulpfile.js这一个文件中的，如果任务数量不多，这并不会有什么问题，但当任务数量较多时，会造成代码可读性差，难以维护，多人协作时还会容易造成冲突。

kayo5994·2023-03-27 03:12

前端性能优化总结

将js合并为一个）原因：主要是为了减少http请求次数以及减少请求资源的大小打包工具：webpack、gulp、grunt....2、尽量所使用的字体图标或者SVG图标来代替传统png图因为字体图标或者

Marin_chen·2023-03-25 19:15

through2

帮忙处理stream的，因为Node自带的streamAPI不好用，相当于新建（封装）一个流（不需要每次newStream()一下）一般在gulp中都会使用through2.obj()相关好文推荐：https

了彧·2023-03-25 14:54

2020年职业计划

下面是某公司对于中级前端的要求1、有2年以上前端开发经验2、扎实的JavaScript基础，掌握ES6的使用，能够独立完成前端模块的设计与实现3、精通前端工作流理念，及相关工具如webpack、gulp4

螺旋代码·2023-03-25 13:48

小程序提示"以下文件体积超过 500KB，已跳过压缩以及 ES6 转 ES5 的处理"

解决办法：可以使用gulp进行压缩。

藟Danae·2023-03-25 06:44

gulp项目构建及其插件使用

项目git地址https://github.com/lvshaoli/gulp-create.git1.项目中安装gulpyarnaddgulp--dev2.项目根目录创建gulp配置文件gulpfile.js3

姓吕名立字小布2·2023-03-24 21:06

小程序中使用less(最优方式)

在网上搜的教程，要么是gulp，要么就是vscode的Easy-less的插件。传统方式我们来对比，这两种方式的优劣。

九旬大爷的梦·2023-03-24 14:06

十道前端面试题第【06】篇

1、Webpack和Gulp的区别grunt、gulp是基于任务运行的工具：它们会自动执行指定的任务，就像流水线，把资源放上去然后通过不同插件进行加工，它们包含活跃的社区，丰富的插件，能方便的打造各种工作流

夏海峰·2023-03-24 04:51

laravel5.3 vue 实现收藏夹功能

1.0写在之前的(before)为了避免后面踩到vue版本的坑，请务必阅读此部分1.0.1修改package.json{"private":true,"scripts":{"prod":"gulp--production

北极熊猫2017·2023-03-23 23:29

推荐频道

Gulp