Angular 6外部库的用法，Angular JSON中的脚本数组

Question

我有一个简单的问题，我想在angular 6中使用lame js库，但我无法实现。

stackbltiz演示

https://stackblitz.com/edit/angular-whygjq?file=angular.json

库la脚js：

https://github.com/zhuker/lamejs

我完成的步骤：

• npm install lamejs
• 在脚本的angular.json中，我已粘贴路径到node_modules：

  

“ node_modules / lamejs / lame.min.js”

• 我一直坚持在应用程序组件中使用它的方式，在这里的其他主题中，我发现诸如：import * as'????'中的la脚

如何正确使用它

Answer 1

点击左侧的依赖项面板，然后添加 lamejs 。

现在在您的Component.ts中（或您需要的位置），只需将其导入即可。

import { Component } from '@angular/core';

import lame from 'lamejs';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  name = 'Angular';

  public tryMe(): void {
    var mp3encoder = new lame.Mp3Encoder(1, 44100, 128); //mono 44.1khz encode to 128kbps

    // etc. See quickstart at https://github.com/zhuker/lamejs
  }
}