gulp

  1. cnpm install gulp -g 全局安装gulp。
  2. gulp -v 查询gulp是否安装成功。
  3. 进入项目目录,(cd example 进目录有时搞糊涂,好像是上边的)。
  4. npm init 在已进入的目录下初始化一个环境。
  5. 敲入项目相关描述(可选填),完成后项目目录下会有一个名为’package.json’的描述文件。
  6. 敲入yes
  7. cnpm install gulp --save-dev (–save-dev是为了把插件包显示在package.json中,为了以后在其他地方的安装)。
  8. cnpm install gulp-sass --save-dev。安装sass
  9. 在项目根目录新建一个名为gulpfile.js 的js文件,打开gulp.js文件开始干活as follows:

  10. 手动创建scss文件夹,在创建一个.scss文件
  11. return gulp.src('scss/style.scss')  //需要编译的文件路径
  12.  .pipe(gulp.dest('css'))  // 编译完成时自动创建文件夹css,并将编译好的.css文件放在里面
  13. Node中的通配符

    通配符是一种匹配模式,允许你匹配到多个文件。不止是Node,很多平台都有,有点像正则表达式。

    使用通配符,计算机检查文件名和路径进行匹配。

    大部分时候,我们只需要用到下面4种匹配模式:

    1. *.scss : * 号匹配当前目录任意文件,所以这里 *.scss 匹配当前目录下所有scss文件
    2. **/*.scss :匹配当前目录及其子目录下的所有scss文件。
    3. !not-me.scss :!号移除匹配的文件,这里将移除not-me.scss
    4. *.+(scss|sass) :+号后面会跟着圆括号,里面的元素用|分割,匹配多个选项。这里将匹配scss和sass文件。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值