Lodash导入在Node.js项目

时间:2017-01-17 18:56:13

标签: javascript node.js import lodash require

我刚刚开始在Javascript中试验Node.js和面向对象的编程。

这是我基于节点的项目结构enter image description here

这是我的package.json文件: enter image description here

我正在尝试在app.js文件中使用lodash。为此,我正在尝试:

import * as _ from "lodash";

但是这给了我错误:enter image description here

我首先尝试使用另一种方法导入lodash:

var _ = require('lodash');

但这也给了我一个错误: enter image description here

我正在试图理解两个导入的区别(我认为第一个是在ES6模块方法中做到这一点)。当使用哪一个。为什么它在我的应用程序中不起作用?在我的应用程序中使用lodash的正确方法是什么?我确定这些都是非常基本的问题,但无论我在哪里,它都会显示以上两种加载lodash的方法之一,但它们并不适用于我。

1 个答案:

答案 0 :(得分:0)

对于在浏览器中执行并且需要lodash的任何javascript代码,最简单的方法是在代码运行之前在html中使用<script>标记:

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.js"></script>

然后,您不需要在app.js文件中要求或导入lodash。上面的示例从外部CDN加载lodash。要从您自己的应用程序加载它,只需将src属性更改为指向您的node.js应用程序从其中为lodash库提供服务的位置。

如果要在客户端javascript代码中使用require或import语句,可以使用构建工具和转换器将源代码中的require或important语句替换为可在浏览器中使用的代码。这将保存到另一个文件中,然后在浏览器中运行该文件。 Browserify Webpack Babel 是您可能想要查看的内容,但如果您刚刚开始,您可能希望在某个时候这样做你正在构建更复杂的应用程序的道路。