Using ReactJS with Browserify and Gulp
ReactJS uses a special syntax called JSX, not the normal JS one. Usually, when you want to work with ReactJS JSX files, you need to transform it to a normal JS file and then operate on that file. However, with the help of Reactify, a transform for Browserify, you won’t need to compile jsx to js files anymore, just use it directly from your code. For example, I have two files: view.jsx and main.js.
ファイル削除にはgulpプラグインを使わない - Qiita
要約 rimrafかdelを使用しましょう。 はじめに gulp.jsにおいて、かつてはファイル削除のためのプラグインとしてgulp-rimrafやgulp-cleanが存在しましたが、どちらもdeprecateされました。gulp.srcを用いない、ファイル削除以外の余分な処理を行わない手段を用いれば、これらのプラグインを使用する必要はありません。 単一のファイル／ディレクトリを削除する rimrafを使用します。従来より、gulp-rimrafの作者が推奨している方法です。 var rimraf = require('rimraf'); gulp.task('clean', function (cb) { rimraf('./dir', cb); }); gulp.task('build', ['clean'], function() { // Something });
gulp.jsでWeb開発環境をつくる - Qiita
. ├── gulpfile.js ├── package.json ├── .jshintrc └── src ├── images │ └── picture.jpg ├── index.html ├── page.html ├── scripts │ ├── lib │ │ └── jquery.js │ └── main.js └── styles ├── main.scss └── sub.scss var gulp = require('gulp'); var $ = require('gulp-load-plugins')(); var browserSync = require('browser-sync'); var rimraf = require('rimraf'); var runSequence = require('run-sequence'
gulpfileをCoffeeScript等で書く方法
Task Runnerツールのgulpで、 タスクの設定は gulpfile.js という設定スクリプトを作って書くことになっています。 (任意のファイルを指定する場合は、コマンドライン引数の --gulpfile オプションで指定します) gulp/docs/getting-started.md at master · gulpjs/gulp Task Runnerツールとして有名なGruntでは、設定ファイルをjs以外にCoffeeScriptをデフォルトでサポートしているため、 オブジェクトの入れ子がたくさんできる gruntfile をCoffeeScriptで書くという人も多いと思います。 gulpでは、デフォルトでは js ですが、 --require オプションを使うことで任意のaltJSを使って、 gulpfile を書くことが出来るようになっています。 (この場合のデフォ
Getting started with gulp — Mark Goodyear — Front-end developer and designer
Updated Jan 28th, 2014 to reflect the advancement of gulp Updated Apr 21st, 2014 to utilise updated `gulp-livereload` Updated Aug 11th, 2014 Using `del` instead of `gulp-clean`, updated `gulp-livereload` Updated May 20th, 2015 Update `gulp-ruby-sass` syntax Updated Nov 2nd, 2015 Update `del` syntax Updated Jan 12th, 2016 `gulp-minify-css` depreciated. Use `gulp-cssnano` Step aside Grunt, there's a
Browserify All The Things
This talk is about how to use browserify to develop front-end modular code using Common.JS, and how those modules should be documented, designed, and re…
WordPressテーマのsassコンパイルやminifyをGulpでやる | mah365
頑なにWordPressテーマのビルドをrubyの自動化ツールであるGuardを使ってやってきたのですが、フロントエンドに関しては、今どきはnodeを使ったほうがバージョンアップも盛んですし情報も充実しています。 というわけでnodeの今どきのビルドツールであるGulpを使ってビルドするようにしてみました。 テーマのディレクトリ構成 [theme] ├─assets # 画像などの素材一式 | ├── fonts # フォント | ├── images # 画像 | ├── javascripts # JavaScript | └── stylesheets # sassファイル └─partials # 部分的に使用するテンプレート Gulpの設定 Gulpのインストール npm install -g gulpでGulpコマンドが使えるようにしておきます。 必要なモジュールのインストール
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://blogcroc.com/