webpack-無法在index.html上訪問jQuery

Question

我使用有角度的2類種子，該種子使用webpack。

我使jQuery在我的應用程序中成功運行（加載完成后，我可以使用$）。

但是現在我正在嘗試在index.html上使用jQuery，它說Uncaught ReferenceError: $ is not defined -因為我想在“ loading ...”階段添加一個div，並在第一次服務器響應后將其刪除。

我的index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="stylesheet" href="/assets/font-awesome/css/font-awesome.min.css">
  <link rel="stylesheet"  href="index.css">
  <link rel="icon" sizes="32x32" href="/assets/icon/favicon-32x32.png" type="image/png">
  <link rel="icon" sizes="96x96" href="/assets/icon/favicon-96x96.png" type="image/png">
  <link rel="icon" sizes="16x16" href="/assets/icon/favicon-16x16.png" type="image/png">

  <title><%= htmlWebpackPlugin.options.title %></title>

  <meta name="description" content="<%= htmlWebpackPlugin.options.title %>">

  <!-- base url -->
  <base href="<%= htmlWebpackPlugin.options.metadata.baseUrl %>">



</head>

<body>

  <app>
    Loading...
  </app>

  <% if (htmlWebpackPlugin.options.metadata.isDevServer && htmlWebpackPlugin.options.metadata.HMR !== true) { %>
  <!-- Webpack Dev Server reload -->
  <script src="/webpack-dev-server.js"></script>
  <% } %>

  <script>

       console.log($, "Jquery will be undefined.");


  </script>

</body>
</html>

在該“加載...”階段中如何訪問jQuery？

Answer 1

必須嘗試在捆綁包之前添加script標簽嗎？

您需要與webpack捆綁包分開加載jQuery。 如果你必須。

當應用程序完全加載時，您便已准備好捆綁包，並且ng2將在<app>引導，到那時，您的jQuery加載器已不再相關。

我會嘗試在<head>加載jQuery script 。

請注意

這可能是一種反模式-加載jQuery庫只是為了實現加載程序，或者加載功能可能會比在普通js中實現更高的性能。

應用程序完全加載並完成jQuery操作后，整個lib將在您的應用程序中不再使用。

webpack-無法在index.html上訪問jQuery

問題描述

1 個解決方案

解決方案1
0 2017-01-22 08:45:53

webpack-無法在index.html上訪問jQuery

問題描述

1 個解決方案

解決方案1 0 2017-01-22 08:45:53

解決方案1
0 2017-01-22 08:45:53