ReactJ에서 웹팩을 사용해야하는 이유는 무엇입니까?

왜 webpack을 사용해야합니까? 플러그인을 묶어서 상속 받아 최소화하고 압축하는 것입니까? 웹팩 개발에서 웹팩이하는 주요 역할은 무엇입니까?ReactJ에서 웹팩을 사용해야하는 이유는 무엇입니까?

2017-10-24 S Anandhaprabhu

언급 한대로 Webpack은 번들링 도구이므로 browserify/rollup과 같은 다른 번들 도구를 사용할 수 있습니다.

은 일반적으로 거 사용 ES6 imports 애플 리케이션 반응, 그리고 모든 아직 그러므로 당신이 필요한 응용 프로그램이 그 "수입"을 해결하고 현재 브라우저가 이해하는 bundle 파일을 만들려면 몇 가지 들러를 사용하여 반응하는 browsers supports.

웹팩은 프론트 엔드 커뮤니티에서 더 유명 해졌고 그러므로 create-react-app과 같은 대부분의 "스타터 키트"가이를 사용합니다. 웹팩의

출처

2017-10-24 05:51:21 felixmosh

용도는 JS로 브라우저에

Transpile ES6 구문 (화살표 기능 spead 오퍼레이터 등) 자바 스크립트 버전 지원을 JSX 구문 Transpile

(자바 내부 HTML 태그)를 포함한다.
코드를 가져올 수있는 별도의 파일 (모듈)로 분할하는 것이 훨씬 낫습니다. BTW

등, 또한 추하게, 작게하다 같은 최적화를 수행 할 수 있습니다 번들의시 생산 사용

에 대해 하나의 JS 파일에 웹팩 '번들'모든 파일, 당신은 필요하지 않습니다 웹 팩을 사용하려면. 예를 들어,

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <title>My First React Example</title> 
    </head> 
    <body> 
    <div id="greeting-div"></div> 

    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.0.0/cjs/react.development.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.0.0/cjs/react-dom-server.browser.development.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script> 
    <script type="text/babel"> 
     var Greeting = React.createClass({ 
     render: function() { 
      return (
      <p>Hello, Universe</p> 
     ) 
     } 
     }); 

     ReactDOM.render(
     <Greeting/>, 
     document.getElementById('greeting-div') 
    ); 
    </script> 
    </body> 
</html>

여기 JSX 코드는 JS로 즉석에서 전송됩니다. 그러나 프로덕션 용도에서는 그리 효율적이지 않습니다.

출처

2017-10-24 06:39:25 anand

ReactJ에서 웹팩을 사용해야하는 이유는 무엇입니까?

답변

관련 문제