Angular 5 CLI import/require 自定义节点模块

Question

我的 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 的新手，所以我并不完全熟悉它的工作原理。任何帮助将不胜感激，谢谢！

Answer 1

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

Angular 5 CLI import/require 自定义节点模块

Angular 5 CLI import/require custom node module

node.js

webstorm

node-modules

angular

angular5