- 综合排序
- 最热优先
- 最新优先
- 来自专栏有趣的django
Django打造大型企业官网（二） 三、项目环境搭建
}); //创建一个默认任务 gulp.task("default",gulp.parallel('bs','auto')); 3.3.css改为sass 安装sass包 npm install gulp-sass gulpfile.js修改 var sass = require("gulp-sass"); // css任务 gulp.task("css",done =>{ gulp.src(". tinypng_nokey = require('gulp-tinypng-nokey'); var bs = require("browser-sync").create(); var sass = require("gulp-sass
1.5K30发布于 2019-06-14 - 来自专栏DeveWork
Gulp 工作流中Sass 增量编译功能的探索
初级玩家的玩法 Gulp 工作流中集成Sass 编译一般都是用gulp-sass 这个模块，本质上gulp-sass 调用的是node-sass（C++ 版的Sass）。 熟悉Gulp 的都知道，默认的话Sass 中都是全量编译的，小项目玩家或初级玩家一般直接这么写： var gulp = require('gulp'); var sass = require('gulp-sass var gulp = require('gulp'); var sass = require('gulp-sass'); var cached = require('gulp-cached'); gulp.task require('gulp'); var sassInheritance = require('gulp-better-sass-inheritance'); var sass = require('gulp-sass
1.8K60发布于 2018-01-22 - 来自专栏各类技术文章~
Gulp 自动化构建案例
dist')) } 复制代码 如此之后会依照src/assets/styles/的基准输出assets/stylesxxx.scss文件 当然我们还需要进行scss的转换，安装 yarn add sass gulp-sass -save-dev 复制代码 然后我们再进行一下改造 gulpfile.js const { src, dest } = require('gulp') const sass = require('gulp-sass require('gulp-load-plugins') const plugins = loadPlugins() 复制代码 这里我们注意一些点 // 样式编译 const sass = require('gulp-sass gulp-imagemin'); 复制代码 这样的引用我们都可以使用plugins.xxx进行使用，像sass我们就可以直接plugins.sass(),plugins.imagemin()等等 例如 gulp-sass 就是plugins.sass，如果是gulp-sass-sass这种类型，就是plugins.sassSass驼峰式 e，gulp-sass是5.0版本的话，要把sass挂载到plugins上 const
1.7K20编辑于 2021-12-08 - 来自专栏WindCoder
使用Gulp进行JavaScript自动化简易说明书
使用如下命令安装临时gulp与插件 npm install 这个命令可以说是下面这两行命令的缩写： npm install gulp --save-dev npm install gulp-sass - '); // Gulp libsass implementation gulp-sass属于本实例中需要的gulp插件 /** * Tasks * ----- */ /** * Compiles 它使用一个名为 gulp-sass插件，这个插件基于libsass。我在这里选择使用libsass， 因为它比Ruby的替代方法更快，尽管它缺少一些功能。 var gulp = require('gulp'); var scss = require('gulp-sass'); 一开始我们需要初始化我们将要使用的所有插件。 .pipe(scss()) 在这里，我们调用之前定义好的gulp-sass插件 .pipe(gulp.dest('css')); 最后，我们使用“gulp.dest”定义文件的目标文件夹。
3.9K10发布于 2018-09-20 - 来自专栏小鑫同学编程历险记
构建工具Gulp-lesson5
Date().toLocaleTimeString(); return src("src/*.js") .pipe(uglify()) .pipe(dest("output")); } gulp-sass ： 将我们编写的 sass 文件编译为浏览器可以正常识别的 css 文件，我们要同时安装 sass 和 gulp-sass 插件。 const sass = require('gulp-sass')(require('sass')); 下面的代码是 sass 教程的第一块内容，将变量插入到最后编译的结果中。
61320编辑于 2022-12-26 - 来自专栏小古哥的博客园
gulp的安装和使用
（如第五步配置完成，此步忽略） npm install gulp-sass gulp-autoprefixer gulp-minify-css gulp-css-spriter gulp-jshint 2 * gulp 3 * $ npm install gulp-sass gulp-autoprefixer gulp-minify-css gulp-css-spriter gulp-jshint gulp-livereload --save-dev 4 */ 5 // 加载插件 6 var gulp = require('gulp'),//加载gulp 7 sass = require('gulp-sass
1.6K50发布于 2018-03-08 - 来自专栏前端说吧
Gulp安装流程、使用方法及cmd常用命令导览
var sass = require(‘gulp-sass’);//导入工具包require（node-modules）里的对应模块，以后你需要什么插件就对应执行这一句，不过要把变量名和括号里的插件名字改掉 gulp插件 安装命令：cnpm install 替换插件名称 --save-dev（或者npm install 替换插件名称 --save-dev） 这里呢，你需要什么gulp插件就去命令行里装，以gulp-sass cnmp install gulp-sass --save-dev 或者npm install gulp-sass --save-dev Gulp的插件很多，需要什么就去官网查：http://gulpjs.com require('gulp');//引入gulp库 2 // 引入组件 3 var jshint = require('gulp-jshint'); 4 var sass = require('gulp-sass 一个吊炸天的插件，多个浏览器实时测试：http://www.browsersync.cn 1 var gulp = require('gulp'); 2 var sass = require('gulp-sass
3K60发布于 2018-05-17 - 来自专栏踏浪的文章
Gulp使用指南
gulp-autoprefixer') => 导入以后得到一个处理流文件的函数 => 直接再管道函数里面使用, 需要传递参数 -> { browsers: [要兼容的浏览器] } 3. gulp-sass => 下载: npm i gulp-sass -D -> 很容易报错, 基本下载不成功 -> 为什么: 因为 gulp-sass 依赖另一个第三方, node-sass SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ 2. $ npm i node-sass -D 3. $ npm i gulp-sass -D => 导入: const sass = require('gulp-sass') => 导入以后得到一个可以处理流文件的函数, 直接再管道函数里面执行就可以了 4. gulp-uglify
1.4K10发布于 2021-06-09 - 来自专栏游戏开发之旅
gulp的使用
5.5.0", "gulp-cssnano": "^2.1.3", "gulp-imagemin": "^4.1.0", "gulp-rename": "^2.0.0", "gulp-sass ; var imagemin=require('gulp-imagemin'); var bs=require('browser-sync').create(); var sass=require('gulp-sass
1.7K20发布于 2020-08-14 - 来自专栏前端新视界
node-sass 安装失败的解决措施
install -g cnpm --registry=https://registry.npm.taobao.org 然后安装node-sass 1 $ cnpm install node-sass 最后安装gulp-sass
1.6K100发布于 2018-01-17 - 来自专栏IMWeb前端团队
精通gulp常用插件
/dist')) gulp-sass 描述：编译sass。 var sass = require('gulp-sass'); gulp.src('.
1.5K20发布于 2019-12-05 - 来自专栏技术综合
给初学者的Gulp教程（译）
Gulp预处理 在Gulp中，我们可以将Sass编译成CSS，使用一个叫做gulp-sass的插件。 你可以安装gulp-sass到你的项目中，通过使用以下命令 $ npm install gulp-sass --save-dev 在我们使用插件之前，我们需要从node_moudles文件夹中require gulp-sass，就像我们引入gulp一样 var gulp = require('gulp'); // Requires the gulp-sass plugin var sass = require ('gulp-sass'); 我们可以使用gulp-sass通过将aGulpPlugin()替换成sass(),因为任务用来将Sass编译成CSS，所以让我们将他命名为'sass' gulp.task( 供参考：Gulp-sass使用LibSass来将Sass转换成CSS。这比基于Ruby的方法要快。
5.3K20发布于 2020-08-25 - 来自专栏IMWeb前端团队
精通gulp常用插件
/dist')) gulp-sass 描述：编译sass。 var sass = require('gulp-sass'); gulp.src('.
1.6K90发布于 2018-01-08 - 来自专栏前端说吧
Gulp-自动化编译sass和pug文件
sass和pug文件用： 1 var gulp = require('gulp'); 2 var pug = require('gulp-pug'); 3 var sass = require('gulp-sass
1.2K70发布于 2018-05-17 - 来自专栏进击的Coder
腾讯云主机上测试BootStrap4编译FlexBox
3.1.1", "gulp-babel": "^6.1.2", "gulp-plumber": "^1.1.0", "gulp-postcss": "^6.2.0", "gulp-sass 3.1.1", "gulp-babel": "^6.1.2", "gulp-plumber": "^1.1.0", "gulp-postcss": "^6.2.0", "gulp-sass ] } gulpfile: import gulp from 'gulp'; import plumber from 'gulp-plumber'; import sass from 'gulp-sass
2.7K00发布于 2017-03-30 - 来自专栏前端Q
NPM命令实用使用技巧总结
install来安装，你可以使用其简写npm i 一次性安装多个模块 无需为你要安装的每个模块都输入一遍npm i指令，像这样： npm i gulp-pug npm i gulp-debug npm i gulp-sass 你只需要输入一行命令即可一次性批量安装模块 npm i gulp-pug gulp-debug gulp-sass 更快捷的是，如果安装的所有模块的前缀是相同的，则可以这样安装，无需输入完整模块名 npm
1.3K20发布于 2019-12-21 - 来自专栏河湾欢儿的专栏
gulp
gulp.task('watch', function () { gulp.watch('a/*',['hello']); }); 使用插件来扩展gulp的功能 Sass插件 npm install gulp-sass
1.3K10发布于 2018-09-06 - 来自专栏青梅煮码
Gulp和Webpack对比
Gulp是通过``gulp-sass``、``gulp-less``模块进行预处理；而Webpack是通过``scss-loader``、``less-loader``加载器（loader）进行预处理。 在项目中通过npm安装一个**gulp-sass**的模块 ```js $ npm install gulp-sass -D ``` 2. 然后在Gulp的配置文件gulpfile.js中通过CommonJs规范引入gulp-sass模块，并进行简单配置 ```js //1.引入 gulp-sass模块 var sass= require('gulp-sass'); //2.css 预处理 var cssFiles = [ '.
2.8K40编辑于 2023-03-13 - 来自专栏前端基础
SCSS 基本使用详解
// gulpfile.jsconst gulp = require('gulp');const sass = require('gulp-sass')(require('sass'));gulp.task
2.3K10编辑于 2024-09-26 - 来自专栏小鑫同学编程历险记
如何搭建组件库的最小原型
需要用到的模块如下： gulp-sass，因版本问题需要额外导入 sass 模块。 gulp-minify-css：主要用来对 css 文件进行压缩。 const gulp = require("gulp"); const sass = require("gulp-sass")(require("sass")); const minifyCSS = require
1.6K20编辑于 2022-12-26
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号