如何使用js库Bowser?

时间:2019-06-05 17:42:31

标签: javascript asp.net npm

我想在asp.net项目中使用js库Bowser,该项目使用TypeScript和名称空间System.Web.Optimization中存在的捆绑/最小化功能。

可以在这里找到库Bowser:https://github.com/lancedikson/bowser

我试图阅读该项目的文档,但是我找不到如何将库添加到解决方案中的方法。它不存在我可以添加到项目中的库的缩小版本吗?在阅读文档时,似乎应该在库中添加npm。

不幸的是,我是npm的新秀。如果我在package.json中添加以下行“ bowser”的依赖项:“ 2.4.0”,然后还原所有包,则在node_modules文件夹中得到Bowser。到目前为止一切顺利...

现在,我创建一个ts文件(bowsertest.ts):

import * as Bowser from "bowser";

class BowserTest {
    constructor() {
        const browser = Bowser.getParser(window.navigator.userAgent);
        console.log(`The current browser name is "${browser.getBrowserName()}"`);
    }
}

我引用为上面的ts文件编译的js文件,并从页面引用它:

<script src="bowsertest.js"></script>

但是这当然是行不通的,因为我还没有为Bowser加载任何js文件。我应该如何加载js文件?在读取我的bowsertest.js之前,将与node_modules \ bowser \ src中的所有js文件捆绑在一起并进行引用?

我迷路了。 :)

0 个答案:

没有答案