在不使用Webpack的情况下使用NPM软件包

Question

我习惯将NPM软件包与Webpack一起使用，但是我想知道您应该如何在没有 Webpack的情况下使用NPM软件包。 我知道如何安装软件包。我只是不知道如何使用它们，因为您不能仅以纯js导入模块。

Answer 1

Webpack会编译一堆JavaScript文件，并将它们组合成一个文件进行Web分发。 NPM通过软件包下载javascript文件。

在某些情况下，您可能会在没有Webpack的情况下使用NPM

1. 您正在进行Node.js服务器端javascript开发。这里没有webpack
2. 您正在使用Webpack替代方法，例如汇总或browserify
3. 您可以直接使用npm下载的文件进行其他操作。也许您将它们串联起来，将它们放入Makefile中，或者直接将node_modules暴露给世界并直接引用它们的完整路径。

我大部分的Web和服务器端开发都是 without webpack。

Answer 2

npm init

创建package.json文件

npm install --save <package>

要安装软件包并将其保存在package.json文件中

Answer 3

为什么不能导入纯js？

如果您正确定义了程序包入口点，例如   “ main”：“ dist / index.js”，   “ module”：“ dist / index.js”，

这些文件可以是带有命名导出功能的默认ES6 javascript或默认导出，您可以在通过常规导入安装了程序包之后将其导入。

您不需要webpack或babel来制作mpm模块。只需将要分发的文件放在任何文件夹中，指定主要入口点并在该文件上导出元素即可。

现在...例如，在有角度的应用程序或React应用程序中，他们可以安装您的组件，并使用babel和webpack首先使用babel将您的组件转换为ES5，然后使用webpack。