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

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

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

前の言葉

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

プロジェクトの構築

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

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

1

2

3

4

5

6

7

8

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の内容は以下の通りです

1

2

3

4

5

6

7

8

9

10

11

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

2

1.js

js2.js

ログイン後にコピー

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

1

//1.jsconsole.log(1);//2.jsconsole.log(2);

ログイン後にコピー

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

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

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