Webpack JS 파일 안에 SASS가 필요합니까?

저는 WebPack에 대한 Jeffrey Way의 소개를 보았습니다. 나는 그의 .scss 파일을 자신의 main.js 파일로 가져와서 별도의 파일로 다시 추출해야하는 이유는 무엇입니까? 처음에 JS에 있어야하는 이유는 무엇입니까?Webpack JS 파일 안에 SASS가 필요합니까?

누군가 나를 설명하고 도울 정도로 친절합니다. 나는 뭔가를 놓치고 있어야합니다.

출처

2017-10-19 rctneil

는 웹팩의 감시자을 수 있습니다 뜨거운 다시로드 대신 완전히 별도의 설정을 필요로, 역시 CSS 작업 모니터링 도구. – ceejayoz

@ceejayoz 그렇다면 CSS 및 다른 JS 파일에 대한로드가 필요한 main.js 파일을 만들어야합니까? 이것을 WebPack이 보게되는 것으로 사용합니까? – rctneil

그러나 당신은 그것을 좋아하지 마십시오. JavaScript 빌드를 설정하는 방법은 무한합니다. Jeffrey Way의 방식이 마음에 들지 않으면 다른 작업을 수행하십시오. – ceejayoz

간단히 대답하면 기본적으로 webpack은 JS를 빌드하고 번들로 만듭니다. SCSS, LESS, ... 번들을 제공하기 위해 웹팩을 확장하는 플러그인이 있습니다.

모든 번들에는 진입 점이 있습니다. webpack의 경우 .js 파일입니다. 진입 점에서 가져 오거나 필요로하는 각 파일 또는 진입 점에서 가져 오거나 필요한 파일의 각 파일은 최종 묶음으로 만듭니다.

webpack의 기본 동작은 .scss/.css도 .js 번들로 번들하는 것입니다. ExtractTextWebpackPlugin과 같은 플러그인을 사용하여 별도의 스타일 번들을 생성 할 수 있습니다.

그래서 대답은 : 웹팩은 가정, 모든 자바 스크립트이며 증명하기 위해 플러그인이 필요합니다 그것을 ;-) 잘못된

출처

2017-10-20 16:32:24

감사합니다. 실제로 여러 파일을 진입 점에 전달할 수 있음을 발견했습니다. 나는 app.js와 app.scss를 전달했다. 그러면 해당 파일은 다른 JS 또는 다른 SCSS 또는 CSS 파일을 가져옵니다. 지금까지 실제로 잘 작동하는 것 같습니다. 불행히도 그것은 내 css 출력 폴더 안에 빈 app.js 파일을 만들고 있습니다. OP에 설정을 게시하면 좀 살펴 보시겠습니까? – rctneil

Webpack JS 파일 안에 SASS가 필요합니까?

답변

관련 문제