直接在浏览器中使用 NPM 模块

Question

这可能是一个愚蠢的问题，或者答案太明显以至于我找不到。

基本上我想在我非常简单的网络应用程序中使用 Redux。我希望能够像这样包含 redux :

<script type="text/javascript" src="js/redux.js"></script>

然后像这样直接在我的代码中使用它：

var store = redux.createStore(...);

我尝试了 webpack 和 browserify，但无法正常工作。有什么想法吗？

Answer 1

要通过 <script> 标签导入 Redux，您必须使用 UMD 构建。

根据docs, they are present on the dist/ folder。

Answer 2

我让 Redux 使用他们预构建的 UMD 文件。
但是要直接在浏览器中使用其他 NPM 模块，请执行以下操作（我不知道这是否是正确的方法，但它对我有用）：

1- 使用 :

创建一个简单的文件 main.js

window.Redux = require('redux');

2- 全局安装 browserify :

npm install -g browserify

3- 从命令行浏览文件（无配置文件）：

browserify main.js -o redux.js

现在只需将 redux.js 添加为 <script> 标签

Answer 3

如果您想在浏览器上直接包含该包以用于较小的用例，您可以使用 unpkg.com 这是 NPM 上可用的所有内容的快速预打包列表（根据其网站上的声明）

Use an NPM module directly in the browser