如何在 Angular 2 Webpack 中使用 WOW.js?

2023-12-19

我知道我们需要 wow.js 的打字文件,但我在任何地方都找不到它。有没有其他解决方案可以将此外部js加载到webpack中?


执行以下步骤:

  1. 安装出口装载机 https://www.npmjs.com/package/exports-loader/
    
    
    
        npm i exports-loader --save-dev
    
      
  2. 添加webpack.config.js这个装载机
    
    
    
        {
            test: require.resolve('wow.js/dist/wow.js'), 
            loader: 'exports?this.WOW'
        }
    
      
  3. 创造typings.d.ts文件在您的打字文件夹中:
    
    
    
        declare module "wow.js/dist/wow.js" {
            var noTypeInfoYet: any;
            export = noTypeInfoYet;
        }
    
      
  4. 将导入添加到您的*.component.ts file
    
    
    
        import * as WOW from 'wow.js/dist/wow.js';
    
      
  5. 好好利用它吧!
    
    
    
        ngOnInit(){
            new WOW().init();
        }
    
      

当然你可以使用自己的 webpack 配置,无需exports-loader, etc...

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Angular 2 Webpack 中使用 WOW.js? 的相关文章

  • JavaScript 字符串中的脚本标签[重复]

    这个问题在这里已经有答案了 我遇到一个问题 即 JavaScript 中带引号的字符串内有结束脚本标记 并且它正在杀死脚本 我认为这不是预期的行为 可以在这里看到这样的示例 http jsbin com oqepe edit http js
  • 在上传之前预览图像 VUEjs [重复]

    这个问题在这里已经有答案了 我知道这个问题已经被问过 但我不知道如何在vuejs中使用代码 我尝试了很多但没有任何结果 我还添加了我的代码 有人可以帮帮我吗 这是我的代码 谢谢 html
  • 从选择 onChange 调用 javascript 函数 [重复]

    这个问题在这里已经有答案了 所以我有一个简单的 HTML 选择框和一个 javascript 警报功能 我希望选择框有一个 onchange 事件来调用 javascript 警报函数 这是我到目前为止所拥有的 HTML div Type
  • 以下文档我无法创建 Vue.js 3 的实例

    The code https stackblitz com edit vue ttt file src main js https stackblitz com edit vue ttt file src main js 问题 我正在尝试在
  • 如何将 Ajax.BeginForm MVC 助手与 JSON 结果一起使用?

    我正在尝试使用 ASP NET MVC Ajax BeginForm 帮助程序 但不想在调用完成时使用现有的内容插入选项 相反 我想使用自定义 JavaScript 函数作为回调 这可行 但我想要的结果应该以 JSON 形式返回 不幸的是
  • 使用 jQuery inputmask 插件范围 0-100

    如何创建 0 到 100 范围内的掩码 document ready function masked inputmask 您可以使用jquery inputmask regex extensions js为了那个原因 你可以找到带有所有扩展
  • 正则表达式中连字符的这种用法有效吗?

    NB I only想知道它是否是正则表达式定义中未转义连字符的有效应用 它是not关于匹配电子邮件 连字符或反斜杠的含义 量词或其他任何内容的问题 另外 请注意 链接的答案并没有真正讨论转义 未转义连字符之间的有效性问题 通常我会像这样声明
  • 检查用户设备的 GPS 是否开启

    我正在使用 jQuery Mobile 和 PHP 开发一个应用程序 我没有使用 Phonegap 或其他框架 我需要找到用户的geolocation 如果用户设备的 GPS 关闭 那么我无法获取位置 现在我需要查找用户设备的 GPS 是否
  • Angular SlickGrid 对齐标题文本

    我正在使用角度SlickGrid并希望将列标题中的文本居中或右对齐 并非所有列都以相同的方式 我发现 有一个headerCssClass列定义中的属性 但我一直尝试 这种样式似乎从未被应用 对于列定义 id sourceNumber nam
  • websockets 如何处理同一浏览器的两个选项卡

    I have 1 个 PHP 服务器 提供 http 请求 和 1 node js 发布更新的数据消息 每个连接都带有 websocket php 服务器设置其 cookie 在一个浏览器中 此 cookie 可在所有选项卡中使用 当浏览器
  • Chrome --app 相当于 Firefox\IE

    我有一个网络应用程序 客户要求单击不同按钮时更改浏览器窗口大小 我发现在那link https stackoverflow com questions 13436855 launch google chrome from the comma
  • 播放没有音频标签的音频

    是否可以在没有音频标签的情况下仅使用 javascript 播放音频 我通过 tinyMce 编辑器注入脚本 因为我无权访问网站的后端 并且它不支持客户端的音频标签 她只想要当您将鼠标悬停在图像上时发出简单的声音 我已经完成了所有设置 但是
  • 如何知道 .keyup() 是否是字符键(jQuery)

    如何知道 keyup 是否是字符键 jQuery input keyup function if key is a character such as a b A b c 5 3 2 etc not enter key or shift o
  • 如何从 html 页面 [javascript] 调用 Web 服务方法而不刷新页面

    我有一个webservice这将返回一个值 我的要求是 我需要调用它webservice从一个index html页面 该页面有一个 html 提交按钮 在该按钮上单击我正在呼叫JavaScript 从那里我想调用网络方法 我怎样才能做到这
  • 为什么 call 比 apply 快那么多?

    我想知道是否有人知道why call比apply 在 Chrome 中 速度大约快 4 倍 在 Firefox 中快 30 倍 我什至可以制作自定义原型 apply2 在大多数情况下 运行速度是apply 这个想法取自角度 Function
  • Google 地图 API - 地图未显示 - 没有错误

    我正在尝试将地图从 Google API 加载到 div 中 但是 地图未加载 并且没有输出任何错误 这是代码 google maps var geocoder map function codeAddress address geocod
  • 当php脚本通过ajax运行时显示进度条

    我有一个通过 ajax 向服务器提交值的表单
  • 如何跨多个文件跨越 javascript 命名空间?

    我永远忽略了javascript 几年前我开始使用 jQuery 这样我就可以过得去 但随着我开始更多地进行 TDD 我昨天决定真正深入研究 javascript 之后可能还有咖啡脚本 在我的 ASP NET Web 窗体应用程序中 我有很
  • Angular 7 CLI 生成的项目抛出“ERROR in multi ./src/styles.sass”

    我使用生成了一个新的 Angular 项目ng new dragonfly具有以下参数 角 v7 2Angular CLI v 7 3NPM 6 7 0Windows 10 我选择包含路由和 SCSS 当我尝试使用启动项目时npm star
  • 将引导程序弹出框保留在视口内

    我正在尝试使用带有按钮的侧边栏创建一个菜单 每个按钮都有一个指定的包含相关数据的弹出窗口 不幸的是 其中一个弹出窗口可能包含任意数量的行 并且在某些情况下它可能部分位于视口之外 See http jsfiddle net bfd9f 1 h

随机推荐

  • 使用 Puppeteer 将鼠标悬停在 Node.js 中的元素上并获取计算样式?

    我想将鼠标悬停在某个元素上 比如说document getElementById abc 并找到它的悬停计算样式 我应该如何使用 Puppeteer 在 Node js 中执行此操作 您可以使用以下解决方案来迭代并将鼠标悬停在某些元素上以获
  • Unity 3d Sprite Shader(如何在多个灯光照射下将最大亮度限制为 1)

    我正在 Unity 中创建一个视频游戏 每个精灵都使用具有 CornucopiaShader shader 材质的精灵渲染器进行渲染 我遇到的问题是我想将精灵的最大亮度 或颜色 限制为精灵的正常图像 无论有多少点光源照射它的功率 灯光的强度
  • 为什么shared_ptr<>必须分别分配控制块和托管对象?

    这个链接的问题询问是否make shared lt gt 函数和shared ptr lt gt 构造函数不同 使用 make shared 时会发生什么 https stackoverflow com questions 24779929
  • Spring批处理聚合值并写入单个值

    我正在使用 spring Batch 我需要实现以下目标 读取包含日期和金额等详细信息的 csv 文件 汇总同一日期所有金额的总和 保留一项包含日期和总和的条目 我过去使用过批处理 我想到了以下方法 创建一个批次需要 2 个步骤 Step
  • devise Rails current_user 与 user_signed_in?

    我正在使用 Devise on Rails 4 1 我的问题是关于助手以及它们与会话的关系 current user 告诉您是否有可供该用户使用的用户会话 user signed in 告诉您用户是否已通过身份验证 我无法理解如果 user
  • WebClient.DownloadingString 更改请求的 URL

    如果我在浏览器中输入 URL 我的服务器会正 确响应 XML 虽然 如果这个相同的 URL 通过 WebClient DownloadingString 方法 URL 中的某些内容会发生变化 并且我的服务器会正 确响应 但会显示访问被拒绝消
  • 使用 basichttpbinding 调用 wcf webservice,无需 REST 或 JSON

    我有一个通过 wsHTTPBinding 和 basicHTTPBinding 公开的 wcf Web 服务 后者将其端点地址指定为 basic 如下所示
  • 使用 Web api 和 asp.net mvc 5 进行单点登录

    我希望将 SSO 与 Web api 2 2 结合使用 以便在多个应用程序中使用 包括移动和 asp net mvc 5 我了解了通过 Web api 创建身份验证令牌的基本想法 但我有几个问题 1 将身份验证令牌与用户名一起存储在 coo
  • 如何使用 LINQ Contains() 查找枚举列表?

    我有一个名为OrderStatus 它包含订单可以处于的各种状态 Created Pending Waiting Valid Active 处理 完全的 我想要做的是创建一个 LINQ 语句 该语句将告诉我 OrderStaus 是否有效
  • php7.4 mysqli 因“消失”而超时

    我刚刚安装了 php7 4 一切似乎都正常 但是当我尝试继续我的 phpmyadmin 时 我不能 注意在此安装之前在 php7 3 中工作正常 错误是 mysqli real connect Unexpected server respo
  • 将 Ruby 中的持续时间 - hh:mm:ss.sss 转换为毫秒,反之亦然

    我想知道 Ruby 中是否有一个内置方法可以让我将 hh mm ss sss 格式的单圈时间转换为毫秒 反之亦然 由于我需要用它进行一些计算 因此我认为转换为毫秒将是最简单的方法 告诉我我是否错了 这个怎么样 a 1 1000 60000
  • hibernate中的@Fetch注解是什么?

    OneToMany cascade CascadeType ALL fetch FetchType EAGER orphanRemoval true Fetch FetchMode SUBSELECT JoinColumn name ORU
  • 批次中%~1和%1有什么区别?

    在批次中我有时会看到 1用于开关 也用于 1 有什么不同 他们似乎都为我工作 Example if 1 echo No variable specified and if 1 echo No variable specified 似乎可以互
  • 为什么我的 Bash 脚本将 添加到文件开头?

    我编写了一个脚本 使用 sed 清理 csv 文件 删除一些错误的逗号和错误的引号 不好的 意味着它们破坏了我们用来转换这些文件的内部程序 remove all commas and re insert the good commas us
  • 使用 Azure 管理 API 进行身份验证

    我们使用 Azure API 进行各种操作已经有一段时间了 例如 这是我们使用的 API 之一https learn microsoft com en us rest api servicebus namespaces createorup
  • Bootstrap 4 垂直对齐文本不会在卡片上居中

    尝试垂直对齐以下卡片中的文本中心 div class row text center h 100 div class col md 3 text center my auto div class card card block justif
  • 如何提取嵌套的 JSON 数据?

    我正在尝试从 JSON 数据中获取值 我已经成功地深入到了 JSON 数据 几乎得到了我需要的东西 在 Python 中运行此命令 autoscaling name response Reservations 0 Instances 0 T
  • skel.js 框架/HTML5UP 模板 CSS 问题

    我是 skel js 框架的新手 遇到了一些问题 我从 HTML5UP net Zerofour 主题 下载了一个模板 并且已经为我的网站修改了所有内容 但是 CSS 没有在我的网站上正确显示无侧边栏 左侧边栏 pages 我包含以下链接
  • 用于提取部分文件路径的正则表达式

    我在 Impala 中使用正则表达式函数来查找文件路径中的文件夹名称 但它似乎没有给我正确的结果 我想从这个文件路径中解析出 一 this one path to hdfs 这是我使用的正则表达式 regexp extract filepa
  • 如何在 Angular 2 Webpack 中使用 WOW.js?

    我知道我们需要 wow js 的打字文件 但我在任何地方都找不到它 有没有其他解决方案可以将此外部js加载到webpack中 执行以下步骤 安装出口装载机 https www npmjs com package exports loader