安装有角CLI的Dragula

Question

如何将Dragula合并到具有角CLI的角2项目中？

我已将其安装如下：

npm install ng2-dragula dragula --save

并将其添加到我的app.module中：

import { DragulaModule, DragulaService }   from 'ng2-dragula';

但是，我得到了错误：

“无法找到'ng2-dragula‘模块

我找到的方法建议将它添加到angular-cli-build.js中，但我找不到具有该名称的文件。

什么是一步一步的过程，以获得一个第三方模块，如Dragula与角CLI一起玩？

Answer 1

要将dragula添加到您的项目中，请将css和js添加到角-cli.json中(注意，这两个部分在src中工作时在目录上)

  "styles": [
    "../node_modules/dragula/dist/dragula.css",
    "styles.css"
  ],
  "scripts": [
    "../node_modules/dragula/dist/dragula.js"
  ]

..then将ng2-dragula添加到packages部分

  "packages": [
    "node_modules/ng2-dragula"
  ]

在app.module.ts中，导入模块并声明服务。

import { DragulaModule, DragulaService } from '../../node_modules/ng2-dragula/ng2-dragula';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    DragulaModule
  ],
  providers: [
    DragulaService
  ],
  bootstrap: [AppComponent]
})

Answer 2

但是，我得到了错误“无法找到模块'ng2-dragula‘，我发现的建议方法建议将它添加到角-cli-build.js，但我找不到一个文件的名称。

现在只有角-cli.json。您可以尝试在脚本部分中添加它。

https://github.com/angular/angular-cli#3rd-party-library-installation

Answer 3

根据角2 Webpack的说明，app.module中正确的导入语句应该是：

import {DragulaService, Dragula} from 'ng2-dragula/ng2-dragula';