gulp安装教程(npm怎么安装某一版本gulp的插件)

本文目录
npm怎么安装某一版本gulp的插件
1.package.json文件部分插件 plugins "dependencies": { "del": "^1.1.1", "gulp": "^3.8.11", "gulp-autoprefixer": "^2.1.0", "gulp-cache": "^0.2.8", "gulp-clean": "^0.3.1", "gulp-concat": "^2.5.2", "gulp-imagemin": "^2.2.1", ... }2.安装所需的gulp插件$ npm install3.gulpfile.js’use strict’;var gulp = require(’gulp’);/*global -$ 加载需使用的gulp插件*/var $ = require(’gulp-load-plugins’)();配置选项(也可以直接在任务中写相对路径)/* *管理资源文件路径集合 *config.static下 *css scripts images 替换为自己的路径(可按照此配置管理) */var config = {};// 源资源文件路径config.images)) .pipe($.rev.manifest({ base: ’dist’, merge: true //如果存在 rev-manifest.json文件则合并 })) .pipe(gulp.dest(’dist’));});
如何在linux下安装gulp
npm -g install gulp
如果是 Linux 或者 Mac,你可能需要在前面加 sudo
sudo npm install -g gulp
上面的命令中个,-g 代表全局安装,安装之后你可以直接在终端执行 gulp 命令。
npm install gulp
如果不实用 -g 参数,gulp 会被装在当前目录下的 node_modules 目录中,不能直接通过 gulp 命令使用,需要你手动改环境变量。
怎么安装gulp以及gulp-file-include
gulp-file-include提供了一个include的方法让我们可以想后端模版一样把公共的部分分离出去。而且提供的include方法有许多配置项,详细可以去看看 gulp-file-include。
安装:npm install gulp-file-include –save-dev
安装好之后,来简单的组织一下文件的目录:
|-node_modules
|-src // 生产环境的 html 存放文件夹
|-include // 公共部分的 html 存放文件夹
|-*.html
|-dist // 后的 html 文件12345
在新建的gulpfile.js,配置好gulp-file-include:
var gulp = require(’gulp’);
var fileinclude = require(’gulp-file-include’);
gulp.task(’fileinclude’, function() {
如何安装gulp-uglifyjs
npm install -g gulp-uglify // 全局安装
npm install --save-dev gulp-uglify //安装到项目文件夹
gulpfile.js
var Uglify = require(’gulp-uglify’); //引入uglify
// ......
gulp.task(’’,function(){
gulp.src(’’)
.pipe(Uglify()) //使用uglify处理
// .......
});
安装gulp没有node_modules
你是装到项目里面吗?安装到项目:
npm install --save-dev gulp
这样装都有的node_modules目录的,不过前提是:只能在项目根目录执行,并且已经初始化,也就是要有package.json文件。

更多文章:
跷二郎腿太低好吗?想要通过贴墙站改正二郎腿影响的话,有哪些要点需要注意
2026年10月11日 05:10
易语言点击js按钮(易语言网页填表怎样点击链接为“javascript:void(0)“的按钮)
2026年10月11日 03:00
compare with造句(用compared with和compared to造句)
2026年10月10日 23:30
tensorflow与keras对应版本(为什么tensorflow2.8没有keras)
2026年10月10日 22:10
maven仓库jar网站(如何在maven仓库中添加jar包)
2026年10月10日 19:50





