Angular 5 CLI导入/需要自定义节点模块

时间:2018-04-06 16:27:35

标签: node.js angular webstorm angular5 node-modules

我的node_modules目录中有一个节点模块。但是,我无法弄清楚如何使用它。结构如下所示:

node_modules
|- ...
|- foo-bar
| |- dist
| |  |- css
| |     - css files here
| |  |- js
| |     - js files here
| |  |- foo-images
| |     - image files here
| |  |- index.js
| |- index.js
| |- package.json
|- ...

index.js中有此内容:

require('./dist/js/foo');
module.exports = 'foo';

所以我的问题是如何使用它?在我的app.component.ts中,我尝试将以下代码放在顶部:

import { foo } from './foo-bar';

但是大括号之间的foo有一个错误,说它不知道那是什么。当我尝试require('foo')时,我收到错误消息,说它不知道require是什么(我安装了Express)。

我如何使用节点模块中的CSS和JavaScript函数?我是Angular 5的新手,所以我并不完全熟悉它是如何工作的。任何帮助将不胜感激,谢谢!

1 个答案:

答案 0 :(得分:2)

Angular是前端框架,NodeJS是服务器端,所以你必须在后端服务器上运行任何节点模块...当我想用图像magick在本地调整文件图像然后上传到我时,我遇到了类似的问题服务器。使用express将数据从服务器传输到前端,然后您可以将数据放入' {{}}' :)