>  기사  >  웹 프론트엔드  >  js에서 프로젝트 빌드 및 파일 병합을 구현하는 방법은 무엇입니까?

js에서 프로젝트 빌드 및 파일 병합을 구현하는 방법은 무엇입니까?

零下一度
零下一度원래의
2017-06-26 13:32:042030검색

이전 단어

 일반적으로 우리는 프로젝트 자동화를 완료하기 위해 빌드 도구를 사용합니다. 이번 글에서는 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;
            }
        });
    }
}
  병합 후 두 개의 파일 이전에 'test' 디렉터리를 순회하려면 먼저 디렉터리 순회 기능을 구현해야 합니다. nodejs 파일 작업 블로그의 디렉터리 순회 장에 따르면 다음 코드를 얻을 수 있습니다
1.js
js2.js

 파일의 논리 병합 방법은 다음과 같습니다

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

 이렇게 하면 1.js 파일의 내용이 변경되면 병합된 결과 파일인 result.js가 즉시 적용되어 최신 내용으로 다시 병합됩니다

위 내용은 js에서 프로젝트 빌드 및 파일 병합을 구현하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.