草庐IT

项目构建

全部标签

javascript - 使用包分发 NPM 脚本以供项目安装使用

我已经将我所有的linting配置和相关的包/插件/预设(用于prettier、stylelint、eslint、commitlint)移到了一个npm包中。然后,我在多个项目中使用这个包,并将配置扩展或合并到项目的本地配置文件中,以确保一致性并消除安装和保持我的开发依赖项最新的需要。除了配置,我还有许多有用的npm脚本,它们运行linters并执行各种其他开发相关的功能,例如:"lint:prettier":"prettier'src/**/*.{js,json}'--write","lint:eslint":"eslint'src/**/*.js'","lint:compatibi

javascript - 将 MediaRecorder blob 发送到服务器并在后端构建文件

我正在使用nodejs和SailsJs开发一个网站。我的目标是将MediaRecorder.ondataavailable事件(返回小blob)生成的blob发送到服务器,并在完成录制后在服务器上构建完整的文件以存储它。在浏览器上,如果我将所有这些小blob插入一个数组然后执行此操作:varblob=newBlob(recordedBlobs,{type:'video/mp4'});我得到了可以轻松上传到服务器并且完全可以播放的完整文件blob。我正在使用ajax将所有这些小blob发送到服务器,在服务器端我有这个来在本地保存小blob:req.file('recordingPart'

javascript - jQuery 自动完成不选择项目

在选项“源”中,我使用ajax获得结果+1个自定义注释文本,其中包含有关可能结果的信息。喜欢:“显示2个结果,共3456个结果”。它只是用户的信息。对于-ul-列表中的最后一个条目,我不会处理以下事件:keyup、keydown、pageup和pagedown。为此,我在选项“打开”中设置了这个:open:function(event,ui){$("ul.ui-autocomplete.ui-menuli:last").removeClass("ui-menu-item").removeAttr("role").html('Show2of3456results');},HTML现在看起

javascript - 使用 CDN jQuery 的 Require.js 构建 (r.js) 未链接到良好的 jQuery 路径

我有一个使用Require.jsforAMD的Backbone应用程序。我正在从GoogleCDN加载jQuery,但在构建之后,jQuery的路径似乎被破坏了。构建过程没有任何问题或错误。但是一旦我使用构建版本,jQuery就会使用这个URL添加到页面:http://example.com/assets/js/jquery.js而不是CDNurl。我觉得这是因为我的路径配置丢失了,并且需要对“jquery”的依赖不被视为对路径的引用,而是作为对脚本的正常调用。这是我的主文件:ma​​in.jsrequire.config({baseUrl:'/assets/js/',paths:{u

javascript - Grunt 构建导致 Angular 应用程序在 dist 上崩溃

我正在使用Grunt并执行命令“gruntbuild”来创建一个包含AngularJS应用程序的分发文件夹。作为独立应用,我的应用运行良好。一旦我为该应用程序创建了一个分发版,该应用程序就开始很快崩溃。我在F12工具控制台中看到的是:达到10次$digest()迭代。中止!我怀疑我的.tmp目录中有一个名为vendor.js的文件,并且由于Controller依赖注入(inject)变量将注入(inject)的Controller参数(如“$scope”转换为“a”)而无法正确缩小、丑化和/或连接此文件例如,即使我使用的是ngAnnotate。看到我正在使用UglifyJs并在Ugli

javascript - 用于开发和生产构建的 Webpack Angular 应用程序 API URL 配置

我有一个具有以下简单配置文件config.js的Angular应用程序:exportdefaultfunction(app){app.constant('config',{apiUrl:'https://localhost:8080'});};由Webpack入口点app.js导入:importconfigfrom'./config';config(app);我想在进行生产构建时使用不同的apiUrl。在Webpack中最简单的方法是什么? 最佳答案 https://stackoverflow.com/a/34032050/1610

javascript - React Native activeTintColor 未应用于选定的抽屉项目

ReactNativeactiveTintColor未应用于选定的抽屉项目。我的reactnative导航路线看起来像,->DrawerNavigator->StackNavigator->HomeScreen->FirstScreen->SecondScreen->ThirdScreenroutes.jsconstRootStack=createStackNavigator({Home:{screen:HomeScreen},ChapterGroup:{screen:ChapterGroupScreen},Chapter:{screen:ChapterScreen},}constDr

javascript - ASP.NET/VS2010 在项目中查找未使用的文件

伙计们,有什么聪明的方法可以轻松找到整个解决方案中未使用的文件吗?我的项目由以前的开发人员合并,它的大小至少增加了3倍。我想缩小项目的规模,但我找不到快速简便的方法。有什么建议吗? 最佳答案 这个开源项目可能是一个不错的起点。它旨在过滤掉未使用的图像,但它应该很容易更改,因此它会查找未使用的文件。FindunusedimagesinVSWebProjects 关于javascript-ASP.NET/VS2010在项目中查找未使用的文件,我们在StackOverflow上找到一个类似的问

javascript - 由于外部库,Webpack 构建速度非常慢

我尝试将webpack用于我的应用程序,但它每次构建我的应用程序需要60-100秒。我如何禁用node_modules/*和bower_components/*的重建文件或为单独的block(每个模块或共享)构建它们。这里是配置的一部分:{test:/\.js$/,exclude:/(node_modules|bower_components)/,loaders:['ng-annotate','babel-loader']},和resolve:{moduleDirectories:['node_modules','bower_components']},如何通过禁用每次重建库来提高性能

javascript - 使用 Grunt (Yeoman) 的多个构建文件夹(多个客户端、多任务、多个目标)

我现在正在构建一个项目,它将是一个web应用程序(可在浏览器上运行)和一个Phonegap应用程序(iOS和Android)。尽管从理论上讲,我的项目可以使用与我的Yeoman相同的dist文件夹。生成,Grunt通过运行gruntbuild任务build生产就绪代码。我想运行类似gruntbuild_web、gruntbuild_ios和gruntbuild_android的程序,分别为每个平台构建生产代码。或者gruntbuild:web、gruntbuild:ios、gruntbuild:android。这样,我就可以自定义一些加载的脚本、图像等,每个脚本、图像等都有自己的构建指