草庐IT

gulp-webpack

全部标签

javascript - 我如何使用 webpack 从控制台 require()?

我如何从控制台要求()/导入模块?例如,假设我已经安装了ImmutableJSnpm,我希望能够在控制台中工作时使用模块中的函数。 最佳答案 这是执行此操作的另一种更通用的方法。通过ID请求模块当前版本的WebPack公开了webpackJsonp(...),可用于通过ID请求模块:function_requireById(id){returnwebpackJsonp([],null,[id]);}或者在TypeScript中window['_requireById']=(id:number):any=>window['webpac

javascript - 使用 webpack 输出一个 ES 模块

使用Rollup,我可以通过简单地将format选项设置为'es'来输出一个ES模块。我怎样才能用webpack做同样的事情?如果现在不能的话,webpack有没有计划加入呢?我在documentationforoutput.libraryTarget中找到的唯一东西提到ES模块的是这样的:libraryTarget:"commonjs-module"-Exposeitusingthemodule.exportsobject(output.libraryisignored),__esModuleisdefined(it'sthreadedasES2015Moduleininteropm

javascript - 我如何使用 webpack 填充 Promise?

我正在使用webpack来捆绑我的JavaScript。我依赖于像popsicle这样的模块使用any-promise.这是我的代码:varpopsicle=require('popsicle');popsicle.get('/').then(function(){console.log('loadedURL');});这在Promise可用的浏览器中工作正常,但是IE11doesnotprovidePromise.所以我想用es6-promise作为polyfill。我尝试向我的webpack.config.js添加显式ProvidePlugin:plugins:[newwebpac

javascript - 捕获 gulp-mocha 错误

我可能遗漏了一些非常明显的东西,但我无法让gulp-mocha捕获错误,导致我的gulpwatch任务在每次测试失败时结束.这是一个非常简单的设置:gulp.task("watch",["build"],function(){gulp.watch([paths.scripts,paths.tests],["test"]);});gulp.task("test",function(){returngulp.src(paths.tests).pipe(mocha({reporter:"spec"}).on("error",gutil.log));});或者,将处理程序放在整个流上也会产生同

javascript - webpack.validateSchema 不是函数

Webpack突然抛出这个错误:TypeError:webpack.validateSchemaisnotafunction周五一切正常,今天就不行了。自周五以来没有新的提交要掌握。trimNPM,但没有用,删除NPM文件夹并重新安装,没有骰子。检查到以前的分支机构,这些分支机构已经有一个多星期没有从Master重新定位了。还是一样。有人有想法吗? 最佳答案 看起来像npm错误,因为webpack-dev-server@2.1.0-beta.11需要webpack@^2.1.0-beta.26但npm失败安装它。在不更新太多的情况下

javascript - Grunt、Gulp.js 和 Bower 之间有什么区别?为什么以及何时使用它们?

Grunt、Gulp.js和Bower之间有什么区别?为什么、何时以及如何使用它们?我现在看到,大多数前端项目都使用上述工具,尽管我正在使用它们,就像在我最近的项目中一样,我正在使用gulp来构建HTML、CSS和JavaScript,使用类似的脚本$gulpbuild但对所有这些前端框架了解不多,请帮助我对Grunt、Gulp.js和Bower有一个整体的了解。 最佳答案 从本质上讲,有很多细节,Gulp和Grunt都是用于自动执行一系列相互依赖的任务的系统,通常用于定义项目的“构建”,例如make工具的现代版本。通常,一个项目会

javascript - 从 gulp 运行 shell 命令

我想使用gulp-shell从gulp运行一个shell命令。我看到gulpfile使用了以下惯用语。这是从gulp任务运行命令的惯用方式吗?varcmd='ls';gulp.src('',{read:false}).pipe(shell(cmd,{quiet:true})).on('error',function(err){gutil.log(err);}); 最佳答案 gulp-shell已被列入黑名单。你应该使用gulp-exec相反,它也有更好的文档。对于您的情况,它实际上指出:Note:Ifyoujustwanttorun

javascript - 如何让 Gulp 停止监视文件

如何阻止文件被监视?我没有看到文档中的方法,这对我来说有点奇怪。 最佳答案 这不是一口吞下去的东西。Gulp只是作为一个永无止境的进程运行。中止进程的方法是Ctrl+C。 关于javascript-如何让Gulp停止监视文件,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/21532909/

javascript - 在 webpack 构建之后运行命令

我想在--watch模式下运行webpack,并在每次构建后运行一个shell命令,将一个文件夹同步到另一个文件夹。我找到了thisplugin在每次构建后触发一个事件。这行得通,但最后一个难题是从Javascript触发shell命令(用于同步)。非常感谢有关如何实现这一目标的任何指示。 最佳答案 网页包4截至今天(2018年4月11日),我尝试过的大多数插件都使用已弃用的API,导致此警告:DeprecationWarning:Tapable.pluginisdeprecated.UsenewAPIon`.hooks`inste

javascript - Webpack - 错误 : Cannot define 'query' and multiple loaders in loaders list

在我按照本教程在数组中添加react-hot加载程序后出现此错误:https://thoughtbot.com/blog/setting-up-webpack-for-react-and-hot-module-replacement我收到错误:无法在加载器列表中定义“查询”和多个加载器。varWebpackDevServer=require("webpack-dev-server");varwebpack=require('webpack');varpath=require('path');require("babel-polyfill");varBUILD_DIR=path.reso