2016-08-17 3 views
0

나는 webpack 주위에서 머리를 감싸려고 노력했습니다. 나는 정말로 힘든시기를 소화했습니다. 내가 읽은 튜토리얼의 수를 말할 수는 없습니다. 나는 그들의 웹 사이트에서 거의 모든 것을 통과했다. 문서 섹션을 두 번 읽으십시오. 나는 lynda와 youtube에 관한 비디오 튜토리얼을 보았습니다. 거의 일주일 동안 그것으로 고투하고있다. 나는 아직도 대부분을 이해할 수 없다.webpack에서 이미지 세트를 처리하는 방법

그래서 나는 그 이미지를 처리하기 위해 일련의 이미지를 처리한다고 가정 해 보겠습니다. 프로젝트가 없으며, 모듈, 자바 스크립트 또는 아무것도 없습니다. 이미지 만 처리하고 싶습니다. 왜? 이유없이. webpack이 작동하는 방법을 이해하고 설정 파일을 이해하는 다양한 방법으로이 파일을 가지고 놀아보기 만하면됩니다.

그 말로는 'app/img'폴더의 이미지 세트를 'build/img'폴더로 옮기고 파일 이름에 해시를 통합하는 것입니다. 예를 들면 :

module.exports = { 
    entry: { 
     entry: '' 
    }, 
    output: { 
     path: 'build', 
     filename: '' 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.(png)$/, 
       loader: 'file?name=img/[name]-[hash].[ext]', 
       include: './app/img/' 
      } 
     ] 
    } 
}; 

출력 (그래서 난 그냥 프로세스로 이미지를 원하는)에는 JS 파일이 없기 때문에, '항목'과 '출력'에 대한 항목이 없다 - 또는 적어도 내가 무엇을 잘 모르겠어요 거기에 넣어.

어떻게해야합니까? 왜냐하면이 설정 파일은 올바르지 않기 때문에 작동하게 만드는 방법을 모릅니다. 감사.

추신 : 다운로드 할 파일 로더 패키지가 있습니다.이 파일을 사용하려고합니다.

답변

0

Webpack은 gulp 또는 grunt와 같은 작업 주자보다 더 많은 번들러입니다. 파일 이름을 변경하여 간단한 복사 작업을 개발하려고합니다. Webpack을 사용하는 방법이 아닙니다. test 시나리오는 require 또는 import에 경로와 일치 할 때

loaders

은 해고 될 것입니다. 따라서 import 문이 없으므로 로더가 사용되지 않습니다.

관련 문제