草庐IT

Browserify-shim

全部标签

javascript - 使用 Browserify 设置 Karma 以测试 React (ES6) 组件

我在使用Karma+Browserify为某些React组件设置测试配置时遇到了问题。提到代码是用ES6编写的,我已经升级到最新的Babel版本(6+),我认为这是此配置中万恶之源。由于Babel现在已拆分并具有这种基于插件的方法(预设),我不确定我应该如何在karma.conf文件中指定它。我当前的配置如下所示:module.exports=function(config){config.set({basePath:'',browsers:['PhantomJS'],frameworks:['browserify','jasmine'],files:['app/js/**/*','a

javascript - 需要使用 Browserify 和 browserify-rails 的 sprockets 预处理文件

我正在使用browserify-rails我正在尝试让sprockets预处理包含sprockets指令的文件,这样当我使用browserifyrequire()它时,它将包含生成的JavaScript。sprockets指令尝试包含gemjs-routes的输出,以便让我从客户端访问Rails路由。这是我的设置(在app/assets/javascripts中):system/rails_routes.jsapplication.jsapplication.js是主文件,它运行应用程序的其余部分。我希望能够做类似的事情varrr=require("./system/rails_rou

javascript - 将 'use strict' 放在 Browserify 包中的什么位置

在Browsersifybundle(包含来自许多文件的许多模块)中,usestrict应该出现在哪里以确保整个bundle在严格模式下运行? 最佳答案 当您需要以统一的方式更改browserify输出时,答案通常是使用转换。strictify似乎可以满足您的需求。 关于javascript-将'usestrict'放在Browserify包中的什么位置,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com

javascript - 在 Gruntfile.js 中使用 grunt-browserify

我在寻找有关如何使用grunt-browserify的解释时遇到了一些麻烦。查看他们的示例文件夹,我在他们的基本示例下的browserifyNode下查看,我看到以下内容:module.exports=function(grunt){grunt.initConfig({browserify:{vendor:{src:[],dest:'public/vendor.js',options:{require:['jquery'],alias:['./lib/moments.js:momentWrapper',//canaliasfilenames'events:evt'//canaliasm

javascript - 如何使用 Browserify 指定自定义搜索路径?

我有一个大型项目,其中包含分成几个文件夹的数百个源文件。像这样:src/AAA.jssubdir/DDD.js我希望能够使用非相对路径指定依赖项。例如,在DDD.js中,我想这样做:varAAA=require('AAA');...而不是这个:varAAA=require('../AAA');如何使用Browserify实现这一点? 最佳答案 如documentation中所述,Browserify使用browser-resolve在幕后。当使用NodeAPI(而不是CLI)时,您可以指定一个paths选项,其中包含要传递给brow

javascript - 前端 : underscore. js 或 async.js 通过 browserify?

因此,如果您是后端node.js开发人员,您就会知道名为async的很棒的库。.如果您是前端开发人员,您会知道名为underscore的很棒的库。.现在的情况是,这两个库在某种程度上倾向于提供相似的功能。所以问题是,使用browserify在前端使用异步是否有意义?? 最佳答案 Underscore是一个实用程序库,它提供了一些有用的函数,例如each、map和reduce。但是,所有这些都是同步工作的。例如varresults=_.map([1,2,3],function(value,index,list){returnvalue

javascript - Browserify,如何访问 main.js 函数

我可以让browserify正常工作,但对如何从DOM访问bundle.js中的函数有点困惑。我有三个文件-message.jsmodule.exports=function(){return"Hello";};ma​​in.jsvargetMessage=require('./message');//Thisshowsthealertwhenscriptloadsalert(getMessage());//cannotfindthisfunctionfromindex.htmlfunctionfnClick(){alert(getMessage());}index.htmlClick

javascript - Gulp with browserify : Cannot find module src/js/main. js

我正在尝试使用Gulp和browserify进行基本build设置,但在尝试运行默认任务时不断看到此错误:Error:Cannotfindmodule'src/js/main.js'from'/Users/ben/dev/git/myapp/'gulp文件.jsvargulp=require('gulp');varbrowserify=require('browserify');vardel=require('del');varsource=require('vinyl-source-stream');varpaths={main_js:['src/js/main.js'],js:['

javascript - 测试用 browserify 打包的模块?

我正在为使用browserify管理的模块编写测试。这是我要测试的模块(具体我要测试calculateData):require('mapbox.js');varutils=require('./src/chart_utils');vardashboard={calculateData:function(data){//functionstotest}};我已经开始写这样的测试了:varexpect=require('chai').expect;varDashboard=require('../dashboard');//describe('Dashboard',function(){

javascript - AngularJS RequireJS Browserify 和 Javascript 模块/全局范围的噩梦

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭8年前。Improvethisquestion我最近在所有CommonJS与AMD的战斗中进行了一些挖掘,这是我的发现......(顺便说一句,我不是在这里说教,而是分享我的想法以获得一些建设性的见解......)RequireJS给我的Angular模块带来了很多复杂性,我觉得这是错误的,因为它是模块中的模块包装......Browserify方式更简洁,但要使其正确处理所有事情,您需要正确实现所有依赖项和依赖项依赖项,不幸的是,我