Webpack Bootstrap 4 custom.scss 파일을 node_modules에 복사하십시오.

Question

배경 : 부트 스트랩 4에는 사용자 정의 테마에 대한 부트 스트랩 프레임 워크의 변수를 대체 할 수있는 _custom.scss라는 파일이 있습니다.

"bootstrap-overrides.scss"라는 이름의 프로젝트에서 파일을 복사하고 컴파일하기 전에 "_custom.scss"파일을 내용으로 대체하여 gulp를 사용하여이 작업을 수행 할 수있었습니다. 그건 내 문제를 해결했다 (꿀꺽 꿀꺽 마시는 사용).

문제 : 이제는 webpack을 사용하여 동일한 작업을 수행하려고하는데 문제가 있습니다. 번들링이 시작되기 전에이 작업이 필요합니다. "./source/bootstrap-overrides.scss"를 "./node_modules/bootstrap/scss/_custom.scss"로 복사하면됩니다.

는 I는 복사 웹팩- 플러그인을 사용하여이를 달성하려고; 그러나 node_modules 폴더 대신 출력 경로 디렉토리에 내 파일을 보관합니다.

거기에있는 웹팩 전문가는이를 수행하는 방법에 대한 조언이 있습니까?

미리 감사드립니다.

Answer 1

copy-webpack-plugin을 사용하여이 문제를 해결할 수있었습니다.

키는 상대 경로가 아닌 절대 경로를 사용하는 것입니다. path.join (__ dirname, "path")을 사용하면 절대 경로가 사용됩니다.

예 :

new copy_webpack_plugin([ 
    { 
    from: path.join(__dirname, "source/styles/bootstrap-overrides.scss"), 
    to: path.join(__dirname, "node_modules/bootstrap/scss/_custom.scss") 
    } 
])