webpack의 dist 디렉토리에 설정 파일을 복사하십시오.

webpack의 entry 또는 output 디렉토리 외부에서 파일을 복사하고 싶습니다. 번들에서 완전히 분리 된 특성 파일을 가져야한다는 요구 사항이 있습니다.webpack의 dist 디렉토리에 설정 파일을 복사하십시오.

내 webpack.config 갖고 싶어

/project 
    /config 
    properties.js 
    /dist 
    bundle.js 
    webpack-created-index.html 
    /src 
    index.html-with-custom-script-tag 
    ...source files and folder here

이 같은 (내용 만지작없이) 소스 제어 config 폴더는 나의 DIST 폴더가 보이는 것을 복사 :

그래서 나는이 구조

<script type="text/javascript" src="../config/properties.js"></script>

/dist 
    /config 
    properties.js 
    bundle.js 
    webpack-created-index.html

나는과 같이 파일 properties.js 내 웹팩 만든 index.html을로드를 가질 수 있도록하려면

<script> 태그의 상대 경로를 dist으로 다시 변경하고 파일 시스템이 config 폴더 (src)에 도달 할 때까지 파일 시스템을 탐색하도록하더라도 브라우저에 404가 표시됩니다.

는 webpack.config.js 입력/출력은 다음과 내 같이

config.entry = { 
    app: './src/app.js' 
    }; 

    config.output = { 
    path: __dirname + '/dist', 
    publicPath: 'http://localhost:8080/', 
    filename: '[name].bundle.js' 
    };

이 웹팩이 할 수 있는가, 또는 나는 꿀꺽 또는이 작업을 수행하는 노드 스크립트 같은 것을 동원해야합니다 ? 내 강한 선호도은 외부 스크립트 또는 라이브러리를 사용하여 빌드를 복잡하게하지 않아도 webpack으로이를 수행하는 것입니다.

출처

2016-08-24 tengen

노드 모듈 cpy-cli를 사용할 수 있습니다. 내가

"copy-files": "cpy \"**/index.html\" favicon.ico \"../dist\" --cwd=src --parents"

파일을 자동으로 주입하는 나를 위해 그것을 관심을 가지고 간단한 스크립트를

cpy '**/*.html' '../dist/' --cwd=src --parents

npm install cpy-cli

복사합니다 DIST에 src 폴더 내부의 모든 .html 중에서 파일 및 보존 경로 구조 사용 html-webpack-plugin

npm install html-webpack-plugin --save-dev

webpack의 dist 디렉토리에 설정 파일을 복사하십시오.

답변

관련 문제