时间戳

首页 > 解决方案 > 如何使用 js 库 bowser？

javascript - 如何使用 js 库 bowser？

问题描述

我想在使用 TypeScript 和命名空间 System.Web.Optimization 中存在的捆绑/缩小功能的 asp.net 项目中使用 js 库 bowser。

可以在此处找到库 bowser：https ://github.com/lancedikson/bowser

我试图阅读该项目的文档，但我不知道应该如何将库添加到我的解决方案中。它不存在我可以添加到我的项目中的库的缩小版本吗？当我阅读文档时，似乎我应该使用 npm 添加库。

不幸的是，当谈到 npm 时，我是个菜鸟。如果我在我的 package.json 中添加一个具有以下行的依赖项'“bowser”：“2.4.0”'，然后恢复我在 node_modules 文件夹中获得的所有包。到目前为止，一切都很好...

现在我创建一个 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-file 编译的 js 文件，并从一个页面中引用它：

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

但这当然行不通，因为我还没有为 bowser 加载任何 js 文件。我应该如何加载js文件？将 node_modules\bowser\src 中的所有 js 文件打包并在读取我的 bowsertest.js 之前引用它？

我搞不清楚了。:)

标签： javascriptasp.netnpm

解决方案

推荐阅读