草庐IT

gulp-webpack

全部标签

javascript - 在 Gulp Karma 测试中设置调试选项

根据thispost(和一般互联网)如果我想在没有这些代码覆盖命令的情况下运行Karma测试......__cov_9C0014nbzu2SxN3FICah6Q.f['35']++;__cov_9C0014nbzu2SxN3FICah6Q.s['138']++;...我只需要像这样在终端中设置--debug选项:$karmastartkarma.conf.js--browsers=Chrome--single-run=false--debug但是,当通过Gulp任务运行Karma测试时,文档似乎丢失了。我在下面使用了一个简单的karma.start配置对象。我试过将debug属性设置为

javascript - Browserify 在大型 Web 项目中的最佳实践 - Gulp

事情是这样的我来自一个网页中包含多个js文件的世界。有些总是包含在页面中(您的库、菜单等...)和其他取决于当前页面(用于登录页面的js、用于订阅的js等。..).基本上假设我有每页1个不同的js文件加上库。现在我想用browserify开始一个新项目,我遇到了一个大问题:在我见过的所有示例中,总是一个入口点(如app.js)。在我的例子中,我将有n个入口点(每页1个)。所以我的问题是:每页有1个入口点是否违反良好做法?为什么?如果是,浏览具有大量页面特定JS的大型应用程序的最佳做法是什么?如果否,如何使用Gulp将其自动化。在我发现的每个例子中。您必须知道每个文件的名称并一个接一个地

javascript - 你如何使用 webpack-dev-server API 和 Gulp 的内联模式

我一直在使用webpack-dev-server带有--inline和--host标志。这一切都很好。webpack-dev-server--inline--hostexample.com然后我查看了使用gulp来结束这个任务和webpack-dev-serverAPI。vargulp=require('gulp');vargutil=require('gulp-util');varWebpack=require('webpack');varWebpackDevServer=require('webpack-dev-server');varWebpackConfig=require('

javascript - Babel polyfill 和 gulp

我无法使用gulp正确加载babel/polyfill。在我的例子中,Array.from方法是未定义的。但是,如果尝试使用gulp.add(require.resolve("babel/polyfill"))加载browser-polyfill.js,我会得到一个错误"onlyone允许使用babel/polyfill实例”。源代码是正确的,因为我已经用babelbrowser-polyfill.js测试了它。源代码://Lib.jsexportdefaultclassLib{constructor(){varsrc=[1,2,3];this.dst=Array.from(src);

javascript - 用 express + webpack-dev-middleware/webpack-hot-middleware 替换 webpack-dev-server

我目前正在尝试用基于express+webpack-middleware的更强大的解决方案替换我使用webpack-dev-server的旧设置。所以我曾经像这样运行它:“webpack-dev-server--content-basepublic/--history-api-fallback”但现在我想像这样使用它:“nodedevServer.js”。以下是我当前设置的详细信息。webpack.config.dev.js:varpath=require('path');varwebpack=require('webpack');vardebug=require('debug');d

javascript - Webpack 开发服务器 (webpack-dev-server) 热模块替换 (HMR) 不工作

我已经在StackOverflow和GitHub问题上进行了很多回答,但是,我仍然停留在Webpack中的热模块替换中。我正在使用npmstart通过webpack-dev-server--hot--inline运行我的服务器。我正在尝试更改我的React组件中的代码,但浏览器中没有任何反应。我在Ubuntu14.04LTS上使用GoogleChrome版本49.0.2623.87(64位)。在我的浏览器控制台中,我收到的日志消息为[HMR]WaitingforupdatesignalfromWDS...[WDS]HotModuleReplacementenabled.但是,没有热/实

javascript - 什么是使用 bower 和 gulp 的干净的前端工作流程?

我一直在努力弄清楚如何干净地安装和更新来自第3方vendor的客户端Assets。我真正想做的就是获取当前版本并将生产就绪文件复制到固定位置。到目前为止我能想到的最好的就是这个丑陋的东西:gulp.task('bower',['clean','load'],function(){varbowerFilesToMove=['angular*/*','bootstrap/dist/*','fontawesome/*','jasny-bootstrap/dist/*','jcrop/css/*','jcrop/js/*','jquery/dist/*','jquery-align-colum

javascript - 如何在 webpack 中将构建哈希作为环境变量传递?

我有一个使用经常部署的webpack构建的内部应用程序。为了使错误报告更容易,我想包含webpack添加到包名称的构建哈希[hash]的环境变量。这将使我能够快速确定用户是否使用最新版本。使用DefinePlugin,以下内容不会插入字符串,而只是存储文字[hash]字符串。newwebpack.DefinePlugin({'process.env':{'HASH':JSON.stringify('[hash]')}})是否有任何方法可以直接将散列作为变量访问,或者是否有特定的方法对其进行插值? 最佳答案 https://githu

javascript - 如何使用 webpack 添加 js 文件?

我正在阅读这个webpack教程:https://webpack.github.io/docs/usage.html它说它捆绑了src文件和node_modules。如果我想在那里添加另一个.js文件,我该怎么做?这是一个thirdpartyjs文件,它不是源代码的一部分,也不是node_modules文件的一部分。这是我当前的webpack.config.js:varpath=require('path');varwebpack=require('webpack');module.exports={entry:['react-hot-loader/patch','webpack-de

javascript - 如果文件丢失,如何使 Gulp.src 失败?

我们的gulp构建采用了一堆随Bower安装的库,然后将它们与我们分布在多个目录中的所有代码连接起来。这是它的样子:varjsFiles=[sourcePath+'/config/config.js',sourcePath+'/vendor/jquery/dist/jquery.js',sourcePath+'/vendor/js-cookie/src/js.cookie.js',sourcePath+'/vendor/modernizr/modernizr.js',sourcePath+'/vendor/lodash/lodash.js',sourcePath+'/vendor/pi