草庐IT

gulp-webpack

全部标签

javascript - 从 block webpack 4 中排除某些模块

我如何指定我不希望webpack4block中的模块,假设我不希望vendor文件中有lodash(无论后果如何),我该怎么办?这是实际配置:splitChunks:{name:'vendors',maxAsyncRequests:1,maxInitialRequests:2,chunks:'initial',} 最佳答案 test也可以采用方法。这允许很大的灵active。例如..vendor:{test(mod/*,chunk*/){//Onlynode_modulesareneededif(!mod.context.inclu

javascript - 从 gulp 中使用 browserify 时如何将 'require' 暴露给浏览器?

当我有一个看起来像这样的x.js文件时:x.jsmodule.exports=function(n){returnn*111}然后我像这样从命令行运行browserify:browserify-r./x.js>bundle.js我得到一个看起来像这样的输出文件(大致):require=(functione(t,n,r){function......./App.jsx":[function(require,module,exports){module.exports=require('0+DPR/');},{}]},{},[])然后在我的浏览器代码中我可以这样做:Reactserverr

javascript - 依赖任务的 gulp 错误处理

请找到gulpfile.js的内容如下。任务uglify依赖于任务jshint。目前,当我运行gulp时,无论jshint任务的结果如何,这两个任务都会执行。我不希望在出现“jshint”错误时执行uglify任务。换句话说,当存在依赖任务时,如果前面的任务检测到错误,我不希望执行后续任务。在gulp中有可能吗?vargulp=require('gulp');varjshint=require('gulp-jshint');varuglify=require('gulp-uglify');gulp.task('jshint',function(){returngulp.src(['as

javascript - webpack 卡在 "95% emit"/"95% emitting"

Thisismyproductionwebpackconfig.标题中的两个引号分别指的是webpack2和webpack。两者都因类似的错误而挂起。这是我触发构建的命令设置NODE_ENV=production&&webpack--configconfig/webpack.config.prod.js--progress--display-error-details我错过了什么?这是运行npmrunpack后的输出,它与我的生产webpack构建相关:$npmrunpack>somedir@packC:\somedir>setNODE_ENV=production&&webpack-

javascript - 我如何使用 gulp 在不同的文件中而不是在 javascript 文件中创建 Typescript sourcemaps?

我有一个使用gulp的项目。我想将typescript文件转换为javascript并拥有源map。这是我现在拥有的:varsourcemaps=require('gulp-sourcemaps');vartypescript=require('gulp-typescript');gulp.task('typescript',function(){gulp.src('app/**/*.ts').pipe(typescript()).pipe(sourcemaps.init()).pipe(sourcemaps.write()).pipe(gulp.dest('app'))});这部分有

javascript - 如何使用 webpack 输出多个文件夹?

我的JS模块有一个文件夹结构。我想要每页一个模块。这不是单页应用。如何以文件夹结构输出文件?据我所知,唯一的可能就是输出[name].js。如果我使名称非常独特,或者我可以使名称具有-作为文件夹分隔符,这可能会起作用。这意味着a/b/c.js将转换为名称a-b-c。我真的不喜欢这个。我希望能够require("a/b/c")。据我所知,我也不能使用单个捆绑文件,因为require在模块外不可用。如果是这样,我可以只构建一个包并在每个页面上require("a/b/c")。如果我在Internet上找不到执行此操作的好方法,请告诉我。看起来我可以使用r.js使用require.js轻松地

javascript - gulp karma 测试 TypeError : Server is not a function

尝试使用gulp运行karma以运行测试,但遵循以下示例:https://github.com/karma-runner/gulp-karma我的gulp文件:vargulp=require('gulp');varServer=require('karma').Server;/***Runtestonceandexit*/gulp.task('test',function(done){newServer({configFile:__dirname+'/karma.conf.js',singleRun:true},done).start();});/***Watchforfilechan

javascript - 模块构建失败 - Webpack、React、Babel

我正在观看pluralsight的视频教程。类(class)名称是“使用React、Flux、Webpack和Firebase构建实时应用程序”。请参阅下面的代码和所附问题的屏幕截图。每当我尝试重新构建文件时,Webpack都会失败。有人可以告知该问题可能是什么。我目前正在使用所有最新的库。/*webpack.config.js*/module.exports={entry:{main:['./src/main.js']},output:{filename:'./public/[name].js'},module:{loaders:[{test:/\.jsx?$/,exclude:/n

javascript - 需要没有 Browserify、Webpack 或 Babel 的 reactjs 模块

我正在尝试在visualstudio中设置TypeScriptHTML应用程序。我想使用reactjsv0.14.7我想避免使用像Browserify这样的工具。但是,如何使用react-dom模块呢?让我们暂时忘掉typescript。我需要先启动并运行纯ES5。目前,我有这个:varButton=React.createClass({render:function(){return(React.createElement("div",{className:"btnbtn-default"},'helloworld'));}});ReactDOM.render(React.creat

javascript - Webpack 提取文本插件输出 .js 和 .css 文件用于样式条目

对于产品构建,我希望我的webpack配置有两个入口点,一个用于JS,一个用于SCSS,我希望将它们输出到两个单独的文件(一个JS,一个CSS)。但是extract-text-webpack-plugin正在创建两个JS文件和一个CSS文件;即SCSS的入口点正在生成所需的CSS文件和我不需要的JS文件。这个未使用的JS文件只包含webpack样板和//由extract-text-webpack-plugin删除。所以它的工作很好,但仍然创建了这个不必要的文件。我的webpack配置是(显示相关部分):constExtractTextPlugin=require('extract-te