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

时间:2020-10-25 19:00:30

标签: angular typescript npm

我正在尝试导入一个名为cssdom的包,它的角度为:

像这样:

import * as CssDom from "cssdom";

但是我遇到了以下错误:

enter image description here

当我尝试像这样创建新的CssDom实例时:

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

我也尝试过这种方式:

import {CssDom} from 'cssdom'

或者有没有办法将这些第三方软件包导入到angular中?

在vue-js中,这非常容易。因为您可以简单地导入。但是使用打字稿/角度似乎很难。!

1 个答案:

答案 0 :(得分: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";