생산중인 웹팩의 스타일 로더

저는 webpack뿐만 아니라 Node.js 애플리케이션을 처음 사용했습니다. 개발하는 동안 webpack-dev-server를 실행하여 내 번들을 제공하고 스타일 태그를 만들고 거기에 CSS를 모두 넣습니다. webpack-dev-server를 실행할 수 없기 때문에 CSS를 프로덕션 서버의 스타일 태그에 넣을 수 있습니까? style-loader는 webpack-dev-server에 의존하지 않는생산중인 웹팩의 스타일 로더

출처

2017-04-07 Ron

는, 단순히 그것의 이름을 따라서 <head>에 <style> 태그를 삽입합니다 있도록 번들로 CSS를 추가합니다. 제작 빌드에 여전히 style-loader을 사용하는 한 똑같이 작동합니다.

CSS를 삽입하기 전에로드 할 JavaScript 번들에 따라 번들에 CSS가 추출되는 extract-text-webpack-plugin이 존재하므로 HTML에 추가 할 수있는 CSS 파일을 제공하므로 JavaScript 번들과 별도로 CSS를 요청/제공하십시오.

출처

2017-04-07 20:57:41

나는 본다. 나는 extract-text-webpack-plugin을 사용하여 CSS를 자체 번들로 추출했지만 webpack을 사용하여 CSS를 스타일 태그에 넣으려고했다. webpack-dev-server를 실행하면 스타일 태그에 CSS가 표시되지만 webpack-dev-server를 실행하지 않으면 CSS가 전혀 표시되지 않습니다. 이것이 작동하기 위해서는 프로덕션 서버에 node.js를 설치해야한다는 것을 의미합니까? – Ron

'extract-text-webpack-plugin'을 사용한다면 생성 된 CSS를 당신이 서비스하는 HTML 파일 (자바 스크립트 번들과 함께)에 포함시켜야합니다. 개발과 생산에 동일한 구성을 사용하지 않으므로 차이가있을 수 있습니다. –

나는 그것을 할 것이다, 훨씬 더 단순한 길처럼 보인다. 감사! – Ron

답변

관련 문제