我怎样才能以简单的方式将非CommonJS和es6导入与webpack一起使用？

Question

我想使用像nprogress这样的库：https://github.com/rstacruz/nprogress

但是当我尝试在Angular 2 TypeScript项目中使用它时，我遇到了问题。

如果我这样做：

require('nprogress/nprogress');

或

import 'nprogress/nprogress';

尝试在我的代码中使用NProgress，然后收到错误消息EXCEPTION: NProgress is not defined。

如果我构建项目，我发现文件nprogress.js在Angular代码之前被捆绑，但是它仍然不起作用，并且NProgress仍然不在全局范围内且无法找到。

Answer 1

以下面的方式导入css和js。

import "nprogress/nprogress.css";
import * as nprogress from "nprogress";

要控制进度条，请致电nprogress.start();和nprogress.done();