gulp 一、是什么gulp 前端构建工具。 项目开发完成,部署到线上,为了加快网站访问速度,会将如javascript/html/image/css进行合并压缩。 以前没有构建工具时,都是手动来做。繁琐、浪费时间、不需要动脑。 现在将这些操作编写成一个一个的任务。想做某个操作时,在命令行中操作,执行一个命
Expected '===' and instead saw '==' 等号使用错误 方法一:将提示的代码行中的双等号‘==’改为三等号‘===’ 方法二:.jshintrc文件设置eqeqeq,将三等号校验关闭 // Prohibit use of == and != in favor of === and !==. "eqeqeq": false, Expected '!==' and instead saw
javascript: nodejs中gulp的用法 在node中提供了一个好用的工具npm,可以用来下载各个包 在node中下载依赖包, 然后新建一个gulpFile.js文件,将代码写入这个文件中就可以运行了 /* gulp 下载依赖: npm i -g gulp npm i -D gulp */ const gu
目录 一、初始准备二、创建项目文件夹三、创建src文件夹和gulpfile.js文件四、最后 前端写html静态页面时,有很多页面的部分代码都是一样的,在没有用到框架的情况下,没有办法从分离提取出来,然后在需要的页面上引入使用,所以就用前端构建工具来处理,百度一下找到了 gulp
1.资源压缩与合并 可以使用gulp和webpack 主要作用都是对css和js和html进行压缩 减少网站http请求的次数 这时就会有gulp和webpack的区别: 简单一句总结 如果是框架模块化的话一般都用webpack 因为webpack是侧重模块打包 大一点的项目时,有些不用模块化就用gulp 因为gulp规范前端开
官网源代码如下 const { exec } = require("child_process");function compile(cb) { //执行编译命令 gulp let process = exec("layaair2-cmd compile"); process.stdout.on("data", (data) => { console.log(data); }); process.
目录NodeJS中安装第三方模块Gulp以及它的使用Gulp能够做什么Gulp的使用使用npm install gulp 下载gulp库文件在项目根目录下建立gulpfile.js文件重构项目的文件夹结构src目录放置源代码文件dist目录放置构建后文件在gulpfile.js文件中编写任务.Gulp中提供的方法在命令行工具中执行
框架升级,gulp也从3.9升到4.0。还是有一些变化的。具体如下: 3.9版: var gulp = require('gulp'); const del = require('del'); const fs = require('fs-extra'); const path = require('path'); const shell = require('gulp-shell'); gulp.ta
Node Node是基于chrome V8的js运行环境 去node.js官网下载安装包安装即可 在命令行工具输入node -v后回车可查看node环境是否安装成功 js是基于ECMAScript语法的,操作BOM和DOM node.js也是基于ECMAScript语法,还有额外的Node API 如果需要不依赖html运行js,只需要在js所在目录按住shi
SW势能是分子动力学模型中相对较为简单的3体经典势能模型,其计算量小,能够描述结构中2体的键和3体的键角等信息。 通常是在gulp中实现sw势能模型中各参数的拟合,但是gulp中sw2和sw3的公式与lammps中公式有区别,可以分别查阅gulp和lammps的手册,很容易实现两者的相互转换, 但是本文要指
文章目录 npm是什么npm install 安装模块npm uninstall 卸载模块npm update 更新模块npm outdated 检查模块是否已经过时npm ls 查看安装的模块npm init 在项目中引导创建一个package.json文件npm help 查看某条命令的详细帮助npm root 查看包的安装路径npm config 管理npm
At its core, webpack is a static module bundler for modern JavaScript applications. 从本质上来讲,webpack是一个现代的JavaScript应用的静态模块打包工具。 我们从两个点来解释上面这句话:模块 和 打包 前端模块化 了目前使用前端模块化的一些方案:AMD、 CMD、
原文地址:Hexo博客使用腾讯云CDN加速及优化 使用公共 CDN 加载部分资源 修改主题(我的是NexT主题)配置文件,使用公共CDN加载部分CSS、JS文件,我选择的是 jsDelivr 这个公共CDN平台; 提供其他平台的CDN: 七牛云又拍云BootCDNjsDelivr 编辑 _config.yml: # Script Vendors. # Set a CDN
使用gulp 执行项目构建时遇到报错: GulpUglifyError: unable to minify JavaScriptCaused by: DefaultsError: `warnings` is not a supported option 经查询应该是uglify-js新版本(我这装的是3.13.10)对以下gulpfile.js中的代码片段写法不支持: uglify({
Gulp 4 在任务执行体系上有一个很重要的改动,下面我们一起来看一下这个新的特性和如何从Gulp 3迁移到新版本 Gulp 3中的任务执行链 在了解新特性之前,让我们先看看之前是怎么做的。通常Gulp允许给task定义依赖(dependency),这保证了task执行之前它依赖的task已经获得执行。看下面代码
1、canvas和svg的区别 canvas 基于像素单个html,类似画笔在画布上画画 svg 基于对象模型多个图形元素高保真(不失真,不变形) 2、vdom 用 js 来模拟 DOM 结构dom 变化的对比,放在js层来执行提高重绘性能DOM操作比较占内存,将dom操作放在js层,可以提高效率性能 3、数组的方法 push(),会
// deploy.js /** * 部署之前请检查好要部署的路径 * 如有多个环境,自行拓展 */ const gulp = require("gulp") const sftp = require("gulp-sftp-up5") const sftpConfig = { // 此处的key对应着package.json中脚本的 APP_ENV test: { remotePath: "", // 部署到服
webpack webpack3和4的区别: 4是零配置的; 零配置会将你项目src目录下的index.js打包到dist文件夹的main.js当中。 webpack的作用: 优化:工程化。Vue,React cli 打包:将多个文件进行压缩,打包成一个文件。 转换:es6,ts,jsx,less,sass。 使用webpack: 安装 $npm i webpack -D $npm i webpack -
全局安装npm install tsc -g 全局安装npm install -g gulp-cli 创建一个项目–>里面创建src和dist文件 npm init创建一个package.json package.json文件 { "name": "demo01", "version": "1.0.0", "description": "", "main&
什么是Gulp,为什么使用Gulp Gulp是基于Node.js 实现web前端自动化构建的工具,它可以自动化高效的构建我们工作中的一些任务, 在 Web 前端开发工作中有很多“重复工作”,比如压缩CSS/JS文件、es6编译成es5,而这些工作都是有规律的。找到这些规律,并编写 gulp 配置代码,让 gulp 自
工作环境配置备忘录 前言 每次换电脑重新搭建工作环境都是一件麻烦事,所以记录一些比较重要的配置 gulp报错:gulp : 无法加载文件 XXXXXXX,因为在此系统上禁止运行脚本。 解决方案:用管理员身份启动windows powerShell输入命令set-ExecutionPolicy RemoteSigned 在返回的选项中
小程序上传和预览时,体积大于2040KB,会报错,不能上传和预览, 总结解决办法如下 1.将小程序中的图片,尽量替换成云存储路径 尽量不要存在本地(除了icon和tab图标这种很小的图片) 2.不要在本地CSS中引用图标路径,本地CSS文件中需要转换成base64格式,超长一串字符相当占用空间 3
Gulp自动化构建工具 Gulp介绍 构建工具:对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、lint代码质量检测等,自动化工具可以减轻你的劳动,简化你的工作。当配置文件中定义好任务后,任务运行器就会自动帮你或你的小组完成大部分无聊的工作。 Web中的构建工具:其
一:Mediasoup环境安装 (一)安装NodeJs环境 见:https://www.cnblogs.com/ssyfj/p/14781982.html (二)下载Mediasoup-demo源码 git clone https://github.com/versatica/mediasoup-demo.git app:客户端代码,当mediasoup环境搭建完成后,浏览器去app目录中获取客户端代码(通过npm去按照packag
题记:为什么要使用gulp,网上有很多关于gulp的优势,而在我看来,这些都是工具的优势!工具的优势最主要体现在易用性上,听说gulp比grunt更易用,所以这里写个文档记录。 同样要保证nodejs的安装。 一、 执行gulp的安装命令,跟其他插件一样,也存在全局安装或者项目内安装的区别 二、 Gulp跟grun