Question

我正在研究angular2 +打字稿应用程序。

我看到@angular包是如何工作的：

如果您安装@angular/common，您将进入node_modules文件夹：

@angular/core
  |---bundles
  |    |---core.umd.js
  |
  |---src (all transpiled code)
  |---index.js

所以，感谢index.js ....以及src中所有已转换的代码，进口如

import { NgModule } from "@angular/core";让我编译应用程序;

但是，在我的output / dist文件夹中，我有 NO index.js和 NO 已编译的文件，这要归功于使用{非常简单的SystemJs} {1}}库：

.umd.js

我正在寻找的是使用webpack做同样的事情;

我自己用webpack创建了一些库/包，我想在我的webpack应用程序中使用它们。

在应用程序的(function (global) { System.config({ paths: { // paths serve as alias 'npm:': 'node_modules/' }, // map tells the System loader where to look for things map: { // our app is within the app folder app: '', // angular bundles '@angular/core': 'lib/@angular/core/bundles/core.umd.js', '@angular/common': 'lib/@angular/common/bundles/common.umd.js', 'mylib1': 'lib/mylib1/bundles/mybundlelib1.umd.js', 'mylib2: 'lib/mylib2/bundles/mybundlelib2.umd.js', ......................... .........................文件夹中，我将具有与角度包相同的结构：

node_modules

这样的语句

src ....但...

对于SystemJs，我将负责复制output / dist文件夹中的JUST包，并且......

1）我不想将它们放入Vendor包中;

2）我不想使用他们的转换代码通过webpack配置应用程序创建一个新的包。

你能帮帮我吗？

更具体，我只想在我的webpack应用程序中使用第三方库;

因此，接近import { libClass } from "mylib1";，app.js，vendor.js以及我的应用程序的其他任何部分，我希望有一些外部捆绑库来使用它们。

如何在webpack应用程序中使用webpack库

0 个答案: