如何以角度导入 npm 包？

Question

我正在尝试以角度导入一个名为 cssdom 的包：

像这样：

import * as CssDom from "cssdom";

但我收到以下错误：

当我尝试像这样创建一个新的 CssDom 实例时：

const css = '.container { background-color: white; }';
const cssdom = new CssDom(css)

我也试过这种方式：

import {CssDom} from 'cssdom'

或者有没有办法将这些第三方包导入到 Angular 中？

在 vue-js 中这很容易。因为您可以简单地导入。但是对于 typescript/angular，这似乎很难。！

Answer 1

首先安装 cssdom（如果尚未完成）：

$ npm i cssdom

解决方案 1：

将脚本添加到angular.json

  "scripts": [
     ...
    "../node_modules/cssdom/cssdom.js"
     ...
],

接下来像这样使用cssdom：

declare const CssDom:any;

...

const css = '.container { background-color: white; }';
const cssdom = new CssDom(css)

解决方案 2：

declare var CssDom:any;

import "cssdom";