为什么我们需要在 ReactJs 中使用 web-pack?

南阿南达帕布

为什么要使用webpack,是不是只是为了捆绑和继承Plugins来最小化和压缩。webpack 在 Web 应用程序开发中扮演的所有主要角色是什么?

阿南德

webpack 的用途包括

  • 将 JSX 语法(Javascript 内的 HTML 标签)转换为 JS
  • 将 ES6 语法(箭头函数、缩放运算符等)转换为浏览器支持的 Javascript 版本。
  • 最好将代码拆分为可以导入的单独文件(模块)。Webpack 将所有这些文件“捆绑”到一个 JS 文件中以供生产使用
  • 在捆绑时,它还可以执行优化,如缩小、丑化等。

顺便说一句,你不需要使用 webpack。例如,

<!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。但是,这在生产使用中不是很有效。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用AngularJs + Web API,为什么我们需要ASP.NET MVC和IIS?

来自分类Dev

使用AngularJs + Web API,为什么我们需要ASP.NET MVC和IIS?

来自分类Dev

为什么我们需要在图灵的暂停证明中使用否定部分?

来自分类Dev

为什么我们需要在famo.us中使用TransitionableTransform类?

来自分类Dev

为什么我们需要在Inno Setup中使用#expr指令?

来自分类Dev

为什么我们需要在图灵的暂停证明中使用否定部分?

来自分类Dev

为什么我们需要在C ++头文件中使用“ #if defined Identifier”?

来自分类Dev

为什么我们需要在 Spring 中使用注解?

来自分类Dev

为什么我们需要在并发 GC 跟踪中使用 SATB 算法?

来自分类Dev

为什么我们在reactjs中使用node.js和babel

来自分类Dev

什么时候以及为什么我们需要在bash上使用“ wait”命令?

来自分类Dev

为什么我们需要在getline(cin,string)之前使用cin.ignore()?

来自分类Dev

在 Spark Window 函数中,为什么我们需要在最后使用 drop()

来自分类Dev

为什么我们需要在应用加载时使用 BeginInvokeOnMainThread 来显示 DisplayAlert

来自分类Dev

在react-native中,我们使用styleSheet.create。我们在reactjs中使用什么?

来自分类Dev

ReactJS:为什么我们在创建 React 应用程序时使用 nodeJs?

来自分类Dev

我们什么时候需要在Nginx配置文件中使用http块?

来自分类Dev

我们什么时候需要在Form Recognizer标签工具中使用“撰写”选项?

来自分类Dev

我们什么时候需要在git中使用--track命令

来自分类Dev

我们在哪里使用 BitSet,为什么要在 Java 中使用它?

来自分类Dev

为什么我们需要在sis中进行合并联接转换之前使用排序转换

来自分类Dev

为什么我们需要在另一个队列上使用dispatch_sync()而不是在iOS GCD中使用当前队列/线程

来自分类Dev

为什么我们需要在另一个队列上使用dispatch_sync()而不是在iOS GCD中使用当前队列/线程

来自分类常见问题

为什么我们需要使用flatMap?

来自分类Dev

为什么我们需要使用AsEnumerable()方法?

来自分类Dev

为什么我们需要使用标记接口?

来自分类Dev

为什么我们仍然使用HTTP而不是WebSocket来构建Web应用程序?

来自分类Dev

在 C 中使用指针时,我们何时以及为什么需要使用 malloc?

来自分类Dev

为什么我们需要Web API或WCF服务进行自我托管?

Related 相关文章

  1. 1

    使用AngularJs + Web API,为什么我们需要ASP.NET MVC和IIS?

  2. 2

    使用AngularJs + Web API,为什么我们需要ASP.NET MVC和IIS?

  3. 3

    为什么我们需要在图灵的暂停证明中使用否定部分?

  4. 4

    为什么我们需要在famo.us中使用TransitionableTransform类?

  5. 5

    为什么我们需要在Inno Setup中使用#expr指令?

  6. 6

    为什么我们需要在图灵的暂停证明中使用否定部分?

  7. 7

    为什么我们需要在C ++头文件中使用“ #if defined Identifier”?

  8. 8

    为什么我们需要在 Spring 中使用注解?

  9. 9

    为什么我们需要在并发 GC 跟踪中使用 SATB 算法?

  10. 10

    为什么我们在reactjs中使用node.js和babel

  11. 11

    什么时候以及为什么我们需要在bash上使用“ wait”命令?

  12. 12

    为什么我们需要在getline(cin,string)之前使用cin.ignore()?

  13. 13

    在 Spark Window 函数中,为什么我们需要在最后使用 drop()

  14. 14

    为什么我们需要在应用加载时使用 BeginInvokeOnMainThread 来显示 DisplayAlert

  15. 15

    在react-native中,我们使用styleSheet.create。我们在reactjs中使用什么?

  16. 16

    ReactJS:为什么我们在创建 React 应用程序时使用 nodeJs?

  17. 17

    我们什么时候需要在Nginx配置文件中使用http块?

  18. 18

    我们什么时候需要在Form Recognizer标签工具中使用“撰写”选项?

  19. 19

    我们什么时候需要在git中使用--track命令

  20. 20

    我们在哪里使用 BitSet,为什么要在 Java 中使用它?

  21. 21

    为什么我们需要在sis中进行合并联接转换之前使用排序转换

  22. 22

    为什么我们需要在另一个队列上使用dispatch_sync()而不是在iOS GCD中使用当前队列/线程

  23. 23

    为什么我们需要在另一个队列上使用dispatch_sync()而不是在iOS GCD中使用当前队列/线程

  24. 24

    为什么我们需要使用flatMap?

  25. 25

    为什么我们需要使用AsEnumerable()方法?

  26. 26

    为什么我们需要使用标记接口?

  27. 27

    为什么我们仍然使用HTTP而不是WebSocket来构建Web应用程序?

  28. 28

    在 C 中使用指针时,我们何时以及为什么需要使用 malloc?

  29. 29

    为什么我们需要Web API或WCF服务进行自我托管?

热门标签

归档