Grunt 不包括 javascript 文件

     2023-04-18     33

关键词:

【中文标题】Grunt 不包括 javascript 文件【英文标题】:Grunt not including javascript file 【发布时间】:2017-08-24 14:09:58 【问题描述】:

这是一个有角度的应用程序。我有一个 bower.json,里面有很多这样的库:

"dependencies": 
    "angular": "^1.4.0",
    "bootstrap": "^3.2.0",
    ... 
    "angular-socket-io": "^0.7.0",
    "socket.io-client": "^1.7.2"

我跑

bower install

我可以看到在“bower_components”文件夹中有“angular-socket-io”和“socket.io-client”的文件夹和文件。

当我运行这个命令时:

grunt serve

我可以看到包含了这个:

<script src="bower_components/angular-socket-io/socket.js"></script>

但是,我找不到任何“socket.io-client”的踪迹。为什么?我应该手动包含这个吗?我想知道为什么。所有其他 Bower cmopoenents 都在自动添加“grunt serve”。

PS:当我尝试从工厂实例化套接字时,这会导致错误“io is not defined”。

【问题讨论】:

试试看这里***.com/questions/8528681/… 仍有或多或少相同的问题。我尝试使用“覆盖”并添加“socket.io.js”和“dist/socket.io.js”。我看到该文件位于 dist-fodler 中。但是,该脚本不包括在内。有人知道吗? 【参考方案1】:

我猜这是版本的问题。 我正在运行角度 1.4。 有这条线:

"socket.io-client": "^0.7.10",

似乎成功了。在我使用最新版本的 socket.io-client (1.7) 之前。我得到了不兼容错误。 但是现在正在加载套接字客户端。

【讨论】:

javascript用于通过rsync进行部署的grunt配置文件(代码片段)

查看详情

如何使用 Grunt.js (0.3.x) 连接和缩小多个 CSS 和 JavaScript 文件

】如何使用Grunt.js(0.3.x)连接和缩小多个CSS和JavaScript文件【英文标题】:HowtoconcatenateandminifymultipleCSSandJavaScriptfileswithGrunt.js(0.3.x)【发布时间】:2012-11-2216:35:00【问题描述】:注意:这个问题只与Grunt0.3.x相关,留作参考。有关最新... 查看详情

grunt:将html页面捆绑到单个html文件中。所有依赖项(代码片段)

我有一个项目,它只包含单个HTML页面,其中包含多个JavaScript和CSS文件(目前通过<include>和<style>)。对于开发,包括单个文件是相当不错的。我的问题:对于捆绑版本,我想(自动)将所有脚本/css捆绑到一个HTML文件中... 查看详情

将现有 JavaScript 项目导入 Grunt/Brunch 项目

】将现有JavaScript项目导入Grunt/Brunch项目【英文标题】:ImportanExistingJavaScriptProjectintoaGrunt/BrunchProject【发布时间】:2012-07-0910:29:20【问题描述】:我观看了PaulIrish宣布Yeoman(www.yeoman.io)的演讲,我迷上了运行连续构建环境的概念。... 查看详情

在 Grunt 任务中运行命令

...05-1411:20:19【问题描述】:我在我的项目中使用Grunt(用于JavaScript项目的基于任务的命令行构建工具)。我创建了一个自定义标签,我想知道是否可以在其中运行命令。为了澄清,我正在尝试使用闭包模板,“任务”应该调用jar... 查看详情

为啥通过 Grunt 运行 Google JavaScript Linter 会失败?

】为啥通过Grunt运行GoogleJavaScriptLinter会失败?【英文标题】:WhydoesrunningGoogleJavaScriptLinterviaGruntfail?为什么通过Grunt运行GoogleJavaScriptLinter会失败?【发布时间】:2016-11-1313:25:36【问题描述】:我们使用gjslinter和Grunt来检查我们项目... 查看详情

grunt-js文件压缩

grunt常用函数说明:Grunt:javascript世界的构建工具、grunt.initConfig:定义各种模块的参数,每个成员项对应的一个同名模块。grunt.loadNpMTasks:加载完成所需要的模块。grunt.registerTask:定义具体的任务.第一个参数为任务名、第二个参数是... 查看详情

Grunt:查看多个文件,仅编译更改 - livereload 中断?

...布时间】:2013-07-0422:12:30【问题描述】:我完全是Grunt和Javascript/Coffeescript的新手。我们在一个包含数百个.coffee文件的大型项目中使用Grunt。由于Grunt编译all咖啡文件( 查看详情

如何使用grunt压缩js文件

jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学、不用!1.前言各位web前端开发人员,如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt,那你就真的真的真的out了(三个“真的”重复... 查看详情

bootstrap之编译css和javascript-0基础安装grunt教程

...全局CSS样式中使用Less章节中提到的通过grunt重新编译CSS和Javascript文件,对于我这样从未接触过windowscmdnode控制台npm的人,学习起来就有很大的难度了。那么我们照着教程一步一步来:第一步:安装node.js网址:https://nodejs.org/en/down... 查看详情

Grunt-injector 忽略来自 bower 依赖的 css 文件

...到index.html文件中。我的依赖项中有离子,我只将它用于javascript文件而不是css。所以我希望grunt- 查看详情

使用 dart sass 实现,grunt-sass 不编译 css 文件而不抛出错误

】使用dartsass实现,grunt-sass不编译css文件而不抛出错误【英文标题】:Usingdartsassimplementation,grunt-sassisnotcompilingthecssfilewithoutthrowinganerror【发布时间】:2019-02-0923:18:22【问题描述】:这是我的grunt-sass声明。sass:site:options:implementation... 查看详情

gulp介绍

gulp是基于Node.js的自动任务运行器,能自动化地完成JavaScript/sass/html/image/css等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,同时可以对文件进行监听,如果文件有改动,可以自动处理生成新的文... 查看详情

grunt的初级应用

 Grunt是什么呢?Grunt是JavaScript世界的构建工具.为什么要用构建工具?一句话:自动化。对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting等,自动化工具可以减轻你的劳动,简化你的工作。当你在Gruntfil... 查看详情

在 Grunt 任务中读取文件名

】在Grunt任务中读取文件名【英文标题】:ReadfilenameinGrunttask【发布时间】:2018-03-1413:09:49【问题描述】:我已经将Grunt设置为使用grunt-replace,这样我就可以在几百个HTML页面中找到一个div,并将div中的文本替换为它所在的HTML文件... 查看详情

grunt整合版30分钟学会使用grunt打包前端代码

...化工具,一个基于nodeJs的命令行工具,一般用于:①压缩文件②合并文件③简单语法检查对于其他用法,我还不太清楚,我们这里简单介绍下grunt的压缩、合并文件,初学,有误请包涵准备阶段1、nodeJs环境因为grunt是基于nodeJs的... 查看详情

转载grunt整合版30分钟学会使用grunt打包前端代码

...化工具,一个基于nodeJs的命令行工具,一般用于:①压缩文件②合并文件③简单语法检查对于其他用法,我还不太清楚,我们这里简单介绍下grunt的压缩、合并文件,初学,有误请包涵准备阶段1、nodeJs环境因为grunt是基于nodeJs的... 查看详情

grunt整合版30分钟学会使用grunt打包前端代码

...化工具,一个基于nodeJs的命令行工具,一般用于:①压缩文件②合并文件③简单语法检查对于其他用法,我还不太清楚,我们这里简单介绍下grunt的压缩、合并文件,初学,有误请包涵准备阶段1、nodeJs环境因为grunt是基于nodeJs的... 查看详情