• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

mattdesl/budo-gulp-starter: a starter kit with Budo, SASS and Gulp

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

mattdesl/budo-gulp-starter

开源软件地址(OpenSource Url):

https://github.com/mattdesl/budo-gulp-starter

开源编程语言(OpenSource Language):

JavaScript 76.2%

开源软件介绍(OpenSource Introduction):

budo-gulp-starter

stable

A "starter kit" with budō, SASS, and Gulp. The aim is rapid iteration and a tight feedback loop. Could be augmented with VueJS, React, or any frameworks that work in browserify.

[demo]

Some highlights:

  • npm dependencies with browserify
  • SASS for CSS pre-processing
  • Babel for ES2015 transpiling
  • All the goodies of budo:
    • Fast incremental bundling with watchify
    • Pretty-printed HTTP logging
    • Syntax errors reported in the browser
    • LiveReload browser refresh on bundle.js update
    • LiveReload CSS injection on *.scss changes

Note that budō is not tied to Gulp, and in some cases it may be easier to use it's command-line version.

Usage

git clone https://github.com/mattdesl/budo-gulp-starter.git
cd budo-gulp-starter

# install dependencies
npm install

# start development server & open browser
npm run open

# or, just start dev server
npm start

This should run the watch server and open localhost:9966 in your default browser. Changes to src/index.js will trigger a incremental bundle and page reload. Changes to src/sass/main.scss will cause CSS injection without losing application state.

Syntax errors are overlayed in the browser with a custom style:

img

tasks

npm run
  start  - start dev server
  open   - start dev server and open the browser to localhost
  build  - the compressed production build

License

MIT, see LICENSE.md for details.




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap