[解決済み] gulp を使ってディレクトリとそのファイルを選択・移動する
2023-01-15 17:54:54
質問
現在、私はgulpを使ってbashスクリプトを呼び出し、私の
dist/
ディレクトリをクリーンにして、適切なファイルをクリーン ディレクトリに移動します。このスクリプトが *nix 以外のファイル システムで動作するかどうかわからないため、これを gulp で実行したいのです。
今のところ、私はgulp-cleanモジュールで
dist/
ディレクトリを掃除していますが、必要なディレクトリとそのファイルを dist フォルダに移動しようとすると、ディレクトリが空になってしまいます。
var gulp = require('gulp'),
clean = require('gulp-clean');
gulp.task('clean', function(){
return gulp.src(['dist/*'], {read:false})
.pipe(clean());
});
gulp.task('move',['clean'], function(){
gulp.src(['_locales', 'icons', 'src/page_action', 'manifest.json'])
.pipe(gulp.dest('dist'));
});
gulp.task('dist', ['move']);
呼び出し
gulp dist
の結果は
dist/
ディレクトリに正しいディレクトリが作成されますが、それらはすべて空です。
$ ls dist/*
dist/manifest.json
dist/_locales:
dist/icons:
dist/page_action:
ディレクトリとその内容をどのようにして
dist/
フォルダーにコピーするのですか?
どのように解決するのですか?
を含める必要があります。
base
オプション
を src に追加することで、ファイル構造を希望通りに保持することができます。
var filesToMove = [
'./_locales/**/*.*',
'./icons/**/*.*',
'./src/page_action/**/*.*',
'./manifest.json'
];
gulp.task('move',['clean'], function(){
// the base option sets the relative root for the set of files,
// preserving the folder structure
gulp.src(filesToMove, { base: './' })
.pipe(gulp.dest('dist'));
});
また、これらのソースファイルをすべてプロジェクトのルートに置いておくと、おそらく先々で問題が発生するでしょう。
もし
が使えるのであれば、1つの
src/
フォルダに移動し
すべて
をそこに移動します。 これにより、今後のメンテナンスが容易になり、ビルド固有のファイルとアプリケーション固有のファイルが混在するのを防ぐことができます。
もしこれを行うなら、単に
./
を
src/
のような形で記述します。
関連
-
[解決済み】npx コマンドが見つかりません。
-
[解決済み】Nodejsの解決方法:Error: ENOENT: そのようなファイルまたはディレクトリがありません
-
[解決済み] create-react-app、インストールエラー("コマンドが見つからない")。
-
[解決済み] Heroku "状態が起動から停止に変更されました SIGTERMで全プロセスを停止"
-
[解決済み] express は `body-parser deprecated undefined extended` としてエラーを投げます。
-
[解決済み] バルク更新を行う。
-
[解決済み] Macでポート3000をロックしているプロセスを見つける(そして殺す)【終了
-
[解決済み] エラー: ノード出力を "|head" にパイプするときに EPIPE を書き込む。
-
[解決済み] Node.jsのmodule.exportsの目的と使い方を教えてください。
-
[解決済み] glob()を使って再帰的にファイルを検索するには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Discord.js が特定のチャンネルにメッセージを送信する場合
-
[解決済み] エラー: nodejs の get 呼び出しで getaddrinfo ENOTFOUND が発生しました。
-
[解決済み] (node:63208) DeprecationWarning: collection.ensureIndex は非推奨です。代わりにcreateIndexesを使用してください [重複]。
-
[解決済み】 console.logの出力をどこに永久保存するか?
-
[解決済み】Heroku + node.jsのエラー(Webプロセスが起動後60秒以内に$PORTにバインドできなかった)。
-
[解決済み】AWS lambda function エラー - モジュール 'index' をインポートできません。エラー
-
[解決済み] のエラーが発生しました。これはおそらくnpmの問題ではありません。上に追加のログ出力があると思われます
-
[解決済み] ランタイム 'node' が PATH で見つからない - Visual Studio Code と Node.js
-
[解決済み] node.jsのセットアップウィザードが途中で終了してしまう
-
[解決済み] "app.use(express.cookieSession())" に "secret" オプションが必要です。