如何以角度导入npm软件包？

问题描述

我正在尝试导入一个名为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中，这非常容易。因为您可以简单地导入。但是使用打字稿/角度似乎很难。！

解决方法

首先安装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";