角2配置dragula

Question

我有一个角2 CLI项目，我想添加Dragula第三方组件。我安装了npm模块，并配置了angular-cli-build.js来获取组件并将其放在/dist文件夹中，如下所示：

vendorNpmFiles: [
  'systemjs/dist/system-polyfills.js',
  'systemjs/dist/system.src.js',
  'zone.js/dist/**/*.+(js|js.map)',
  'es6-shim/es6-shim.js',
  'reflect-metadata/**/*.+(js|js.map)',
  'rxjs/**/*.+(js|js.map)',
  '@angular/**/*.+(js|js.map)',
  'ng2-dragula/**/*.+(js|js.map|d.ts)'
]

这是可行的，并且文件在构建时会被复制。我在导入中引用模块，如下所示：

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

这似乎也是正确的，因为visual studio代码似乎找到了引用。

我想问题在于系统-config.ts。这里我添加了一个映射：

const map: any = {
  'ng2-dragula': 'vendor/ng2-dragula'
};

但是，当我开始时，我得到一个404错误，显示：

zone.js:101 GET http://localhost:4200/vendor/ng2-dragula/ng2-dragula 404 (未找到)

我尝试在“包”中添加defaultExtension，但这只会在链接的末尾附加一个额外的‘NG2-dra古拉杰’。

地点‘./卖主/NG2-dragula/’的内容是：

• ng2-dragula.js
• ng2-dragula.d.ts

我遗漏了什么？这个路径不应该选择类型定义文件吗？

谢谢你的帮助

约阿希姆

Answer 1

你添加了dragula路径吗？

    paths: {
        'dragula': 'node_modules/dragula/dist/dragula.js',
        'ng2-dragula/*': 'node_modules/ng2-dragula/ng2-dragula.js',

看看这个有用吗。