首页 > 解决方案 > 使用 webpack 包支持 html 中的 require("module-name")

问题描述

我有一个现有的网站,使用的 requirejs 开始于

<head>
<script src="/assets/js/require.js"></script>
<script src="/assets/js/config.js"></script><!-- the requirejs config -->
<script src="/assets/js/main.js"></script><!-- concats all defines from modules/*.js -->
</head>
<body>
  <script type="text/javascript">
    require("modules/header", function(header) {
      header.init(); //sets up event hooks for navigation, and search bar
    })
  </script>
</body>

所以现在我创建了一个很好的 webpack 包。

但是现在require嵌入在整个 html 中的语句失败了,因为require函数是未定义的

一个人如何让 webpack 发出它的 AMD require 函数作为 window.require 以便这一切仍然可以再次工作,而无需对这 300 页 CMS 发布的应用程序进行重大重写?

标签: webpackrequirejs

解决方案


推荐阅读