gulpに関するkikiki-kikiのブックマーク (4)
-
公開日2022-02-15タグgulpJavaScriptNode.jsNode.js は v12 以降なら ESM が使えるが、gulp v4 もルートタスクファイルの名前を gulpfile.esm.js とし、devDependencies に esm モジュールを追加する︵npm i -D esm︶ことで、gulp タスクで ESM の import/export 構文が使えるようになる。 Transpilation - JavaScript and Gulpfiles | gulp これで意気揚々と gulp-imagemin v8.0.0 を import するとエラーになる。 この記事は﹁gulp で ESM を使いたいが gulp-imagemin v8.0.0 でエラーが出た人﹂をターゲットに書いており、﹁gulp はCommonJS 構文のままで gulp-imagm
-
適当にディレクトリをきってその中でnpminit でプロジェクトを始めてからやります。 プロジェクト名やVersionなどの情報を聞かれるので適当に埋めて、npm install --save-dev babel でinstallできます。 (--save-devをつけるとpackage.jsonの devDependencies で開発用のライブラリの依存関係を追加してくれます。) { "name": "async-await-test", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" &&exit 1" }, "author": "", "license": "ISC", "devDependen
-
-
普通に使う分には全く困らないほどの数のプラグインがGulpにはあります。 Githubでのstar数からも明らかなように、GoogleのWenStarterKitでもGulpが採用されるなど、注目度はますます高くなっています。 Gruntとの比較 Gruntと比較してのメリット・デメリットは以下のようになります。 メリット Gruntより設定ファイルが記述しやすい StreamAPIを利用することでファイルを毎回書き出すGruntより高速でエコ デメリット 記述がよりNodeに近くなるため、複雑なことは敷居がやや高め プラグイン開発のためのドキュメントが少ない 今日のゴール Gulp.jsを使ってコーディング作業を10倍速くする! そんな環境を作りたいと思います。 1. Node.jsをインストール まずはNode.jsをインストールしましょう。 Node.js http://nodejs
-
1