您能否解释一下使用node_modules文件夹中的导入/请求库的思想。
我只想konva.js
在我的简单项目中使用,node.js
用作配置了实时服务器扩展的后端。
如果我像这样将其正确导入HTML文件
<script src="https://unpkg.com/[email protected]/konva.min.js"></script>
<script> /*using konva library here or *.js*/</script>
一切正常,
据我了解,此URL会将整个内容konva.min.js
直接导入到我的HTML文件中
如果我将konva.js
文件/node_modules
包中的文件复制到我的/src
文件夹中
并在我的HTML中使用这样的代码
<script src="konva.min.js"></script>
<script src="script.js"></script>
我可以访问script.js中的konva库
在由node.js调用的服务器端脚本中,我使用了这样的语句来访问node_modules中的包
var liveserver = require("live-server");
PS为什么在这里不导入工作?Node.js没有导入说明?
但是主要的问题是如何在客户端脚本上使用相同的require()/ import语法,而不是使用<script>
标签导入库?
import konva from 'konva';
/* js code next*/
要么
var konva = require('konva');
/* js code next*/
我需要使用任务管理器吗?我该怎么办?在每个.js
文件中搜索依赖项,并使用任务将这些依赖项直接导入到项目文件夹中?但是,例如,对于gulp,我发现了不同的库来格式化代码,但找不到所需的库来导入依赖项
Node.js是一个服务器端运行时环境,您需要在客户端/浏览器端使用node_modules库。
browserify将递归分析应用程序中的所有require()调用,以构建可在单个脚本标签中投放到浏览器的捆绑软件。
它将捆绑您所需的文件,并将其导入到单个js文件中,以便在脚本标签中使用。
在客户端使用导入
<script type="module">
import {addTextToBody} from './utils.mjs';
addTextToBody('Modules are pretty cool.');
</script>
您只需要在script元素上输入type = module,浏览器就会将内联脚本或外部脚本视为ECMAScript模块
// utils.mjs
export function addTextToBody(text) {
const div = document.createElement('div');
div.textContent = text;
document.body.appendChild(div);
}
这些是一些很棒的文章,可以使您更好地理解这一点:
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句