草庐IT

karma_webpack

全部标签

javascript - AngularJS/Karma - 测试函数返回已解决或拒绝的 promise

尝试在Karma中使用AngularMock进行单元测试,如果我的函数返回了一个被拒绝的promise,但似乎无法在这件事上找到任何令人惊讶的东西。我有一个像UserService这样的服务,它有一个函数:processIdentityResponse,它根据内部逻辑返回一个被解决或被拒绝的promise:processIdentityResponse:function(response){vardeferred=$q.defer();if(response.data.banned){deferred.reject(response);}else{deferred.resolve(re

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 - Perf 未定义 - 使用 webpack-dev-server 运行 React 应用程序

我正在尝试使用Perfaddon来衡量react性能,但是当我试图在我的控制台中运行Perf.start()时,我收到一个错误:UncaughtReferenceError:Perfisnotdefined(…)值得一提的是,我已经通过npm安装了插件,并且在我的main.js文件中有一个require('react-addons-perf')。我猜测这个问题与我正在运行webpack-dev-server并且全局变量没有正确公开有关,但不幸的是不知道如何正确处理它。谁能帮我解决这个问题?这是我的webpack.configcodepen上的文件内容供引用。

javascript - d3-tip 不适用于 webpack

我使用webpack和TypeScript,d3-tip似乎无法与webpack一起使用。我在鼠标悬停事件上出错“未捕获的TypeError:无法读取null的属性‘target’”。出现这个错误是因为d3-tip模块中的d3.event为null。我包含如下模块:constd3:any=require("d3");d3.tip=require("d3-tip");但我猜d3那里的d3和d3-tip模块中的d3是不同的,这是问题的根源,但我不知道如何解决它。在d3-tip模块中我们有:(function(root,factory){if(typeofdefine==='function

javascript - 如何给 webpack 丑化 JavaScript 添加 header 注释?

我目前正在使用以下webpack.config.js:varwebpack=require('webpack');module.exports={entry:__dirname+"/src/index.js",output:{path:__dirname,filename:"index.js"},module:{loaders:[{test:/\.js$/,loader:'babel',exclude:'/node_modules/',query:{presets:['latest']}}]},plugins:[newwebpack.optimize.UglifyJsPlugin({m

javascript - Webpack:Bundle.js - 未捕获的 ReferenceError:未定义进程

这是我的webpack.config.js"usestrict";module.exports={entry:['./main.js'],output:{path:__dirname,filename:'bundle.js'},module:{loaders:[{test:/.js?$/,loader:'babel-loader',exclude:/node_modules/,query:{presets:['es2015','react']}},{test:/\.json$/,loader:"json"},]},externals:{React:'react',},target:"n

javascript - Webpack 错误 bundle.js :1 Uncaught SyntaxError: Unexpected token <

我在本地运行服务器并收到错误bundle.js:1UncaughtSyntaxError:Unexpectedtoken在输出bundle.js中是index.html文件的html代码。这是设置我的webpack.config文件。你能告诉我设置有什么问题吗?importpathfrom'path';importwebpackfrom'webpack';exportdefault{devtool:'eval-source-map',entry:['webpack-hot-middleware/client',path.join(__dirname,'/client/index.js'

javascript - 如何动态更改 webpack 中的导入路径?

我有一组通常从一个目录导入的导出:import{myThing}from'path/to/dir/es5/things'但是,如果我使用特定的NODE_ENV集运行webpack,我希望所有此类导入的根都被视为es6:import{myThing}from'path/to/dir/es6/things'我该怎么做,例如让webpack动态解析path/to/dir/es5/*到path/to/dir/es6/*? 最佳答案 您可以为此使用别名。例如,在您的webpack配置中,您可以使用如下内容:constalias={};if(N

javascript - Rails 5 + Webpacker 应用程序作为空白页面部署到 Heroku,没有失败

我有一个使用Webpacker和Vue.js的简单Rails5.1应用程序。它在开发中与webpack-dev-server完美配合.当我推送到Heroku存储库时,它完成时没有任何错误,也没有任何异常。HTML页面呈现但应该呈现Vue.js应用程序的元素仅由注释替换:JavaScript包文件确实在,我看了看,好像都是对的。我尝试用Node.jsBuildpack和RubyBuildpack替换普通的Rubybuildpack,但无济于事。这是完整的Heroku部署日志:----->Node.jsappdetected----->CreatingruntimeenvironmentN

javascript - 使用 karma runner 的总测试执行时间

我们目前已切换到在browserstack上远程运行单元测试。在karma-browserstack-launcher的帮助下在多个操作系统上的多个浏览器中插件。目前测试运行的输出是这样的:$gruntunit:remoteRunning"unit:remote"taskRunning"karma:remote"(karma)taskINFO[karma]:Karmav0.12.23serverstartedathttp://localhost:9876/INFO[launcher]:Startingbrowserfirefox21.0(OSXMountainLion)onBrowse