将第三方库导入 Stenciljs 项目答案

【问题标题】：Importing third party Libraries into a Stenciljs Project将第三方库导入 Stenciljs 项目
【发布时间】：2019-01-19 12:19:23
【问题描述】：

所以我试图将第三方 npm 模块“rss-parser”导入我的 Stenciljs 项目。我在官方文档中尝试过：


    let Parser = require('rss-parser');
    let parser = new Parser();

    (async () => {

      let feed = await parser.parseURL('https://www.reddit.com/.rss');
      console.log(feed.title);

      feed.items.forEach(item => {
        console.log(item.title + ':' + item.link)
      });

    })();

我收到错误：Can't find variable: require。

我想我不知如何安装这些库，但我不知道如何安装。我对 moudle bundlers 很感兴趣，但我认为 Stenciljs 编译器已经自带了。

我尝试在 ES6 项目中导入旧的 JS 代码是否有问题？

感谢您的帮助

【问题讨论】：

标签： node.js ionic-framework stenciljs

【解决方案1】：

Stencil 组件是用 TypeScript 编写的，因此您可以使用 import 来引入依赖项：

import Parser from 'rss-parser';

在此处了解有关 TypeScript 模块的更多信息：https://www.typescriptlang.org/docs/handbook/modules.html

【讨论】：

【解决方案2】：

var Parser = require('rss-parser') 是一种 requireJS 语法，它不适用于模板。您需要使用以下方式之一导入：

import Parser from 'rss-parser';

import { Parser } from 'rss-parser';

import 'rss-parser';

这完全取决于模块如何导出变量。

您可能需要在 stencil.config.ts 文件中做的另一件事是设置

nodeResolve: true

【讨论】：