Skip to content

Instantly share code, notes, and snippets.

@linxuedong
Last active September 18, 2017 08:57
Show Gist options
  • Save linxuedong/f7e201c6cea5fbdff849032bb936b589 to your computer and use it in GitHub Desktop.
Save linxuedong/f7e201c6cea5fbdff849032bb936b589 to your computer and use it in GitHub Desktop.
How to update sass; How to use gulp

如何更新项目样式

本地开发流程

  1. 安装npm模块 npm install
  2. 修改/更新 filename.scss
  3. 手动运行 gulp styles 会把 filename.scss 更新为 filename.css
  4. 成功信息
✗ gulp styles
[17:52:52] Using gulpfile ~/Documents/workspace/cyberRider.com/projects/gulpfile.js
[17:52:52] Starting 'styles'...
[17:52:52] Finished 'styles' after 261 ms

自动更新样式

gulpfile.js // Default task 删除 'runserver' 命令行运行 gulp

遇到问题:

$ gulp styles
-bash: gulp: command not found

解决办法

sudo npm install -g
password
sudo npm install -g gulp
password

ERROR

Error: Cannot find module 'gulp-sass'

DETAIL

module.js:471
    throw err;
    ^

Error: Cannot find module 'gulp-sass'
    at Function.Module._resolveFilename (module.js:469:15)
    at Function.Module._load (module.js:417:25)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/Users/linxuedong/Documents/job/Cool-Prictice/cool-practice/cool_practice/gulpfile.js:10:10)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)

SOLUTION

https://stackoverflow.com/questions/33314607/error-cannot-find-module-gulp-sass

npm update

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment