新节点。js；需要帮助将npm模块导入我的前端项目吗

Question

让我先承认我对node很陌生。js和web作为一个整体进行开发。我一直在通过stackoverflow和google搜索寻找解决方案，但都没有用。主要是，我不确定我需要采取哪些步骤，因为这是我第一次涉足npm模块的使用。

基本上，我为我的朋友创建了一个静态网站，允许用户将他们自己的双关语添加到先前存在的一系列双关语中，这些双关语的灵感来自于她的猫的名字。然后，如果用户希望一次查看一个双关语，则该站点会随机化数组。对于提交的内容，我已经设置了一些限制，用户必须写出0-50个字符之间的内容，其中至少包含她的猫的一个名字。网站的功能是用vanilla JS编码的。然而，该计划尚未考虑以其他方式满足上述要求的胡言乱语提交（例如，“alksdjjsd Cat name slkjsd”）。这是最终确定网站的最后一步。

为了解决这个问题，我想把这个npm模块添加到我的项目中。我测试了这个模块，它能够正确地从我的数组中的非胡言乱语提交中分离胡言乱语提交。唯一的问题是，我不知道如何继续。

当然，我在node中安装了这个包，然后根据使用说明将导入语句直接复制/粘贴到我的应用程序中。js文件，但后来我发现包不会在浏览器中运行。于是我安装了node。js并创建了一个包。具有以下依赖项的json：

  "devDependencies": {
    "browserify": "^16.5.0",
    "watchify": "^3.11.1"
  },
  "dependencies": {
    "asdfjkl": "0.0.6"
  }

正如您可能已经猜到的，我还创建了一个包。我在索引中的脚本标记中链接的js文件。html文件

  "main": "index.js",
  "scripts": {
    "build": "browserify index.js -o bundle.js",
    "watch": "watchify index.js -o bundle.js"
  },

然而，我仍然不清楚我应该如何遵循npm模块中的使用说明。我无法使用建议的导入语句：

import asdfjkl from 'asdfjkl';

在我的代码（index.js/bundle.js文件）中，没有在我的终端中看到错误，例如“ParseError:‘import’和‘export’可能只与‘sourceType:module’一起出现，或者

import asdfjkl from 'asdfjkl';
       ^^^^^^^

SyntaxError: Unexpected identifier

我注意到很多有类似问题的人都在使用Babel、Gulp和其他软件包等工具，但我不知道我可能需要哪些工具，而且我肯定不知道如何使用它们。

任何关于如何将此软件包纳入我的前端项目的指导都将不胜感激。提前多谢！

为了让函数asdfjkl（）工作，我最终需要编写

var asdfjkl = require('asdfjkl').default;

对于其他需要澄清这个问题的人，我发现这个答案很有帮助。




Answer 1

你可以安装一个npm软件包使用，npm安装-保存

例如：npm安装asdfjkl--保存

Answer 2

导入和导出是ECMAScript 6（http://es6-features.org/#ValueExportImport）的功能，所以我想你没有使用任何Javascript编译器（例如Babelhttps://babeljs.io/docs/en/）。但是，如果您不想使用任何编译器，您可以简单地更改代码来导入库，如下所示：

var asdfjkl = require('asdfjkl');