简体   繁体   English

如何在普通 HTML/CSS/JS 项目中使用 NPM package?

[英]How do I use an NPM package in a vanilla HTML/CSS/JS project?

I have a simple website built with HTML , CSS , and some in-line JS .我有一个使用HTMLCSS和一些in-line JS构建的简单网站。 I want to be able to use this NPM package Simple MDE Markdown Editor , but I don't know how.我希望能够使用这个NPM package Simple MDE Markdown Editor ,但我不知道如何。 I tried running npm install simplemde --save in my project directory.我尝试在我的项目目录中运行npm install simplemde --save That created a node_modules folder with the NPM package inside it, but how do I import that into my project?这创建了一个node_modules文件夹,其中NPM package ,但是如何将其导入到我的项目中? If I just try to use the package without importing it in any way, I get an error:如果我只是尝试使用 package 而不以任何方式导入它,我会收到错误消息:

Uncaught ReferenceError: SimpleMDE is not defined.未捕获的 ReferenceError:未定义 SimpleMDE。

Using node_modules requires tools like Webpack .使用node_modules需要像Webpack这样的工具。 If your project is fully vanilla, you can try to add thecdn (I guess you need the links below), should work as npm module.如果您的项目完全是 vanilla,您可以尝试添加cdn (我想您需要下面的链接),应该作为 npm 模块工作。

<link rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">
<script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何隐藏普通 HTML/CSS/JS GitHub Pages 项目的数据库连接信息? - How do I hide database connection information for a vanilla HTML/CSS/JS GitHub Pages project? 如何使用 JSON 文件作为 HTML、CSS 和 Vanilla Z686155AF75A60A0F6EZED8 项目的数据库 - How to use JSON file as a database for HTML, CSS, and Vanilla JavaScript project 如何使用 npm package? - How do I use an npm package? 在香草JS中,如何将querySelectorAll与2个伪选择器一起使用? - In vanilla JS, how do I use querySelectorAll with 2 pseudo-selectors? 如何在Electron Project中全局使用CSS和JS npm模块? - How to use CSS and JS npm modules globally in Electron Project? 如何使用 HTML<template> 带变量(使用 Vanilla JS) - How to use HTML <template> with variables (with Vanilla JS) 在 vanilla html/css/javascript 项目中使用 React 组件 - Use React Component in vanilla html/css/javascript project 如何使用Vanilla JS将mp4视频插入具有特定尺寸的html文档中,播放2秒钟,然后删除该节点? - How do I use vanilla JS to insert an mp4 video into an html document with specific dimensions, play it for 2 seconds, and then remove the node? 如何在 NPM 包中使用 webpack 动态导入? - How do I use webpack dynamic imports inside an NPM package? 如何将 SVG 实现到 React 项目中(来自 Vanilla JS) - How do I implement SVG's into a React project (from Vanilla JS)
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM