Javascript 如何在我的项目中直接使用npm模块？

我以前从未使用过

npm

，因此我可能不会问该如何提问，但我在任何地方都找不到此信息。假设我对使用感兴趣。作者要求我通过在命令行中键入以下命令来安装模块

npm install --save critical 

从那以后我就迷路了。作者写了很多行，但我不知道该放在哪里

var critical = require('critical');

及

我应该把代码放在哪里以及如何运行它。我尝试创建一个名为

criticaldemo.js

的文件，并将所有这些代码放在那里，但通过命令行运行它却一事无成。为了通过命令行运行它，我使用了以下命令：

$ criticalfile.js

---

有人能帮我理解如何使用npm模块吗？

假设您的项目目录结构如下：

project
  criticaldemo.js

您应该导航到

project

并运行

npm init

这将在项目中创建

package.json

。对于每个问题，只需按enter键即可使用默认值

如果愿意，您还可以根据以下内容手动创建

package.json

以下是它的外观，作为最低要求（必须至少有

名称

和

版本

）：

无论哪种方式，此时您的目录应该如下所示：

project
  criticaldemo.js
  package.json

接下来，运行：

npm install --save critical 

这将创建一个目录

node\u modules

，其中包含您的包：

目录结构：

project
  criticaldemo.js
  package.json
  node_modules

现在，在您的

criticaldemo.js

中，您将代码放在软件包作者所说的位置：

var critical = require('critical'); // this loads the package from node_modules/critical

critical.generate({
  inline: true,
  base: 'test/',
  src: 'index.html',
  dest: 'index-critical.html',
  width: 1300,
  height: 900
});

最后，使用节点运行程序：

node criticaldemo.js

---

它在控制台中打印了什么吗？@zero298控制台刚刚闪烁。我什么也看不见。我不是说这个模块。我对学习如何使用这些模块感兴趣。这一条仅供参考。：）你是在双击一个.bat文件还是什么？打开一个实际的命令提示符并在那里运行脚本。我的直觉是，它在构建中也很容易使用——文档中说它可以在没有Gulp插件的情况下使用。关于

node criticalfile.js

？非常感谢nemo035。我还有一个问题，这些软件包的正确名称是什么？我的意思是它们是模块还是软件包？它们的真名是“节点模块”吗？不客气。不知道你说的“正名”是什么意思？它们既是包又是模块。它们作为包存储在

npm

上，但它们在代码中像

模块一样使用，因为它们是类似代码的模块的独立单元。虽然没有合适的名字，但它们都是。
var critical = require('critical'); // this loads the package from node_modules/critical

critical.generate({
  inline: true,
  base: 'test/',
  src: 'index.html',
  dest: 'index-critical.html',
  width: 1300,
  height: 900
});

node criticaldemo.js