만들기 웹팩 출력 파일의 상대는

이의 내가 내 컴파일 된 자바 스크립트 파일이 같은 디렉토리 구조의 결과로, 내 소스 파일과 나란히 존재한다고 가정하자 파일 Webpack에서이 작업을 수행합니까? 출력 경로는 단일 디렉토리 만 허용하므로 원본 및 컴파일 된 파일 트리가 완전히 분리되어야합니다.만들기 웹팩 출력 파일의 상대는

출처

2016-06-14 maxedison

각 파일에 대해 항목을 지정하고 (glob it) 출력 패턴을 사용해야합니다. 가능하다면 실제로 그것을 사용하고 있다고 가정 할 때 Babel을 직접 통과하는 것이 합리적 일 수 있습니다. –

경로에 출력 패턴을 사용하는 방법을 설명 할 수 있습니까? 나는'filename : "[name] .bundle.js"'와 같은 일을 할 수 있음을 알았지 만, 그 경로로 그 일을하는 옵션을 보지 못했다. 사실, [docs state for output.path] (https://webpack.github.io/docs/configuration.html#output-path) :'출력 경로를 절대 경로로 지정 (필수) .' 또한, 바벨의 해결책이 무엇인지 알고 있습니다. 저는 바벨을 실제로 사용하고 있습니다. 그러나 그것이 어떻게 달라질 것인지 명확하지 않습니다. – maxedison

자, 이제 알겠습니다. 충분히 제어하려면'module.exports = [{... config ...}, {... config ...}]'와 같은 구조체를 생성해야합니다. 출력을 충분히 제어 할 수 있다고 생각합니다. 이 특별한 경우에는 webpack이이 사용 사례에서 잘 작동하지 않으므로 Babel을 통해 직접 이동하는 것이 더 편리 할 수 있습니다. –

트릭은 입력 구성 오브젝트의 키를 출력 파일에 대해 원하는 경로로 만드는 것입니다. ./build/feature-2/feature-2.js

./build/feature-1/feature-1.js
그래서 본질적으로 output.filename의 [name] 자리 디렉토리 경로 인 끝이 아니라 단지 파일 이름이 아닌 :

entry: { 
    'feature-1/feature-1': './dev/feature-1/feature-1.jsx', 
    'feature-2/feature-2': './dev/feature-2/feature-2.jsx', 
}, 
output: { 
    filename: '[name].js', 
    path: './build', 
}

이 다음 컴파일 된 파일가 발생합니다 : 예를 들어, .

출처

2016-10-10 22:48:29 maxedison

만들기 웹팩 출력 파일의 상대는

답변

관련 문제