最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

node.js的新功能;需要帮助将npm模块导入我的前端香草JS项目中

运维笔记admin12浏览0评论

node.js的新功能;需要帮助将npm模块导入我的前端香草JS项目中

node.js的新功能;需要帮助将npm模块导入我的前端香草JS项目中

让我承认我对node.js和整个Web开发是非常陌生的。我一直在梳理stackoverflow和谷歌搜索的解决方案,但无济于事。主要是,我不确定应该采取哪些步骤,因为这是我第一次尝试使用npm模块。

[基本上,我为我的朋友创建了一个静态网站,该网站允许用户将自己的双关语添加到以猫的名字为灵感的双关语中。然后,如果用户想一次查看双关语,则站点将对数组进行随机化。对于提交内容,我已经设定了限制,即用户必须写0到50个字符之间的字符,且其中至少包含她的猫的名字之一。 该网站的功能已使用香草JS编码。但是,该程序尚未考虑满足上述要求的垃圾提交(例如,“ alksdjjsd 猫名 slkjsd”)。这是完成网站的最后一步。

[要解决此问题,我想在项目中添加this npm module。我对该模块进行了测试,它能够正确地将数组中的乱码提交与非乱码提交分开。 唯一的问题是,我不知道如何进行。

[自然,我尝试了上面链接中概述的用法说明,并将import语句直接复制/粘贴到我的.js文件中,但是后来我发现该程序包无法在浏览器中运行。因此,然后我安装了node.js并创建了具有以下依赖项的package.json:

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

您可能已经猜到了,我还创建了一个bundle.js文件,该文件已链接到index.html文件中的脚本标签中。但是,我仍然不清楚应该如何遵循npm模块中的使用说明。 我无法使用建议的导入语句:

import asdfjkl from 'asdfjkl';

在我的代码(index.js / bundle.js文件)中,没有看到我的终端中的错误,例如“ ParseError:'import'和'export'可能仅与'sourceType:module'一起出现

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

SyntaxError: Unexpected identifier

[我注意到很多有类似问题的人都在使用Babel,Gulp和其他软件包之类的工具,但我无法确定我可能需要哪些工具,而且我绝对不知道如何使用它们。] >

非常感谢您提供有关如何将此软件包包含到我的前端项目中的任何指导。在此先多谢!

让我承认我对node.js和整个Web开发是非常陌生的。我一直在梳理stackoverflow和谷歌搜索的解决方案,但无济于事。我主要是...

回答如下:

您可以使用以下方法安装npm软件包:npm install --save

发布评论

评论列表(0)

  1. 暂无评论