2017-10-12 6 views
1

저는 현재 67 개 정도의 다양한 템플릿이있는 프로젝트를 진행하고 있습니다. 1 파일을 변경할 때마다 Webpack은 모든 핸들 막대 템플릿을 다시 컴파일하기 시작하므로 매우 느립니다.WebPack을 사용하여 컴파일 링 핸들이 느림

작업 부하를 줄이거 나 속도를 최적화하는 방법이 있는지 궁금합니다. 웹팩에서

내 핸들 바의 흐름은 다음과 같습니다

var Handlebars = require('handlebars-webpack-plugin'); 
.... 
.... 
new Handlebars({ 
     entry: path.join(process.cwd(), "src", "layouts", "default.hbs"), 
     output: path.join(process.cwd(), "dist", "form-template.html"), 
     data: {title: 'Form template', properties: {partial: 'form-template/index'}}, 
     partials: [ 
      path.join(process.cwd(), "src", "partials", "**/*.hbs") 
     ] 
    }), 
new Handlebars({ 
     entry: path.join(process.cwd(), "src", "layouts", "default.hbs"), 
     output: path.join(process.cwd(), "dist", "homepage.html"), 
     data: {title: 'Homepage', properties: {partial: 'homepage/index'}}, 
     partials: [ 
      path.join(process.cwd(), "src", "partials", "**/*.hbs") 
     ] 
    }), 
new Handlebars({ 
     entry: path.join(process.cwd(), "src", "layouts", "default.hbs"), 
     output: path.join(process.cwd(), "dist", "404.html"), 
     data: {title: '404 error', properties: {partial: '404/index'}}, 
     partials: [ 
      path.join(process.cwd(), "src", "partials", "**/*.hbs") 
     ] 
    }), 
... 
... etc. 

답변