直接在浏览器中使用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，它们出现在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上所有可用内容的快速预包装列表（根据其网站上的声明）