ホームページ > ウェブフロントエンド > jsチュートリアル > JSでプロジェクトの構築とファイルのマージを実装するにはどうすればよいですか?

JSでプロジェクトの構築とファイルのマージを実装するにはどうすればよいですか?

零下一度
リリース: 2017-06-26 13:32:04
オリジナル
2126 人が閲覧しました

前の言葉

一般的に、プロジェクトの自動化を完了するにはビルドツールを使用します。この記事では、nodeJSを使って簡単なプロジェクト構造の構築とファイルのマージを実現する方法を主に紹介します

プロジェクトの構築

最終的なプロジェクト名は「test」で、構造は以下のようになっていると仮定します

それでは、まずまず、作成するディレクトリ構造を保存するための JSON オブジェクトを設定します。 ディレクトリ構造の作成ロジックは次のとおりです。 「test」のディレクトリ構造は以下の通りで、jsフォルダ内に1.jsと2.jsが入っています

var projectData = {'name' : 'test','fileData' : [
        {'name' : 'css','type' : 'dir'},
        {'name' : 'js','type' : 'dir'},
        {'name' : 'images','type' : 'dir'},
        {'name' : 'index.html','type' : 'file','content' : '<html>\n\t<head>\n\t\t<title>title</title>\n\t</head>\n\t<body>\n\t\t<h1>Hello</h1>\n\t</body>\n</html>',
        }
    ]
};
ログイン後にコピー

このうち、1.jsと2.jsの内容は以下の通りです

var fs = require('fs');if ( projectData.name ) {
    fs.mkdirSync(projectData.name);var fileData = projectData.fileData;if ( fileData && fileData.forEach ) {
        fileData.forEach(function(f) {
            f.path = projectData.name + '/' + f.name;
            f.content = f.content || '';switch (f.type) {case 'dir':
                    fs.mkdirSync(f.path);break;case 'file':
                    fs.writeFileSync(f.path, f.content);break;default :break;
            }
        });
    }
}
ログイン後にコピー
マージ後the two Before file, you first need toimple a directory traversal function to traverse the 'test' directory.nodejs ファイル操作ブログのディレクトリ トラバーサルの章によると、次のコードを取得できます
1.js
js2.js
ログイン後にコピー

ファイルのロジック。マージは次のとおりです

//1.jsconsole.log(1);//2.jsconsole.log(2);
ログイン後にコピー

このように、1.jsファイルの内容が変更されると、マージされた結果ファイルresult.jsがすぐに有効になり、最新の内容に再マージされます

以上がJSでプロジェクトの構築とファイルのマージを実装するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート