草庐IT

gulp-webpack

全部标签

javascript - 增量 gulp less build

在我的办公室,我们使用gulp来构建我们的less文件。我想改进构建任务,因为它花了一秒钟的时间来构建我们最近从事的一个大型项目。这个想法是缓存文件并只传递更改的文件。所以我从谷歌开始,发现了javascript的增量构建,ang认为用更少的钱重写它们会很容易。这是我开始的那个:https://github.com/gulpjs/gulp/blob/master/docs/recipes/incremental-builds-with-concatenate.md在几次不成功的尝试之后,我得到了以下代码(使用最新的Bootstrap分发进行了测试):vargulp=require('g

javascript - 在浏览器中访问 webpack 捆绑库

我在从浏览器访问webpack捆绑库时遇到问题。示例:我有一个类Foo//foo.js"usestrict";exportdefaultclassFoo{constructor(){varbar="bar";}}Foo被引入src.js//src.js"usestrict";importFoofrom"./foo.js";webpack配置如下所示。入口是src.js,输出文件是bundle.js。//webpack.config.jsmodule.exports={entry:'./src.js',output:{path:'.',filename:'bundle.js',},mod

javascript - 为什么 gulp-uglify 不修改我的变量名?

我有以下任务:varuglify=require('gulp-uglify');gulp.task('scripts',function(){gulp.src('./src/scripts/*.js').pipe(concat('main.js')).pipe(uglify()).pipe(gulp.dest('./dist'));});以及以下2个javascript文件,test1.js:vartestOneOutput='functionone';console.log(testOneOutput);和test2.jsvartestTwoOutput='functiontwo';

javascript - 如何从捆绑 .spec.js 文件中排除 webpack

我的Package.bundle读取varreqContext=require.context('./',true,/\.js$/);reqContext.keys().map(reqContext);其中基本上包括所有.js文件。我希望表达式排除任何***.spec.js文件。此处是否有排除.spec.js文件的正则表达式? 最佳答案 因为/\.js$/允许所有.js文件(因为它基本上匹配字符串末尾的.js),并且您需要允许所有.js文件在它们之前没有.spec,您需要一个具有负前瞻性的正则表达式:/^(?!.*\.spec\.j

javascript - 如何使用 Webpack 2 热重载 Sass?

我正在设置一个使用Webpack2、webpack-dev-middleware和HMR进行开发的React应用程序。每当我对React组件进行更改时,它都会按预期在浏览器中更新。我遇到的问题是,当我修改我的.scss文件时,浏览器不更新。相反,在控制台中它给了我以下信息:[HMR]bundlerebuildingclient.js:207[HMR]bundlerebuiltin1567msprocess-update.js:27[HMR]Checkingforupdatesontheserver...process-update.js:98[HMR]Nothinghotupdated

javascript - 使用 Gulp Zip 将所有文件压缩到一个文件夹中

我正在使用gulp-zip压缩我的源文件。所以我有一个名为FIFA的主文件夹,其中包含其他子文件夹,这些子文件夹可能包含更多子文件夹和文件。此外,FIFA文件夹中还有我的package.json、gulp.js和其他一些文件。我想基本上使用gulp-zip来压缩我的整个项目并创建一个名为distribution的文件夹并将zip保存在其中。这就是我使用的代码。gulp.task('zip',function(){returngulp.src('./*,').pipe(zip('test.zip')).pipe(gulp.dest('./distribution'));});问题是,虽然

javascript - 使用 Gulp 抑制 JSHint 中的分号警告

我目前在我的Gulp工作流中使用JSHint,并希望在使用JavaScript时抑制分号错误。我目前正在使用gulp-jshint。我如何在Gulp中启用“asi”标志来消除错误?我收到的错误类型是:~/bootstrap-4.0.0-alpha/js/src/modal.js:line1,col26,Missingsemicolon.尽管它是有效的JavaScript。任何帮助,将不胜感激!如果有帮助,这是我的Gulp文件://LoadNodeModules/Pluginsvargulp=require('gulp');varconcat=require('gulp-concat')

javascript - 如何使用带有可变查询字符串的 webpack 动态导入?

使用webpack3和react,我可以像这样导入一个文件:import(`src/Main.sass`).then(...dosomething)我有一个用于导入文件的加载程序,它根据查询字符串更改模块内容,我可以像这样成功导入一个文件:import(`src/Main.sass?theme=themename`).then(...dosomething)但是当查询字符串是一个变量时:constthemeQuery='?theme=themename';import(`src/Main.sass${themeQuery}`).then(...dosomething);或constth

javascript - 如何使用 webpack-dev-server 代理代理到 ssl 端点

当我尝试代理此http://localhost:9000/rpc请求时,我收到:cannotproxytohttps://example.appspot.com:80(writeEPROTO101057795:error:140770FC:SSLroutines:SSL23_GET_SERVER_HELLO:unknownprotocol:openssl\ssl\s23_clnt.c:794:)webpack-dev-derver配置:devServer:{contentBase:"./",hostname:'localhost',port:9000,proxy:{'/rpc':{ta

javascript - react-route,react-hot-loader.webpack(你不能改变<Router routes>;它会被忽略)

这是我第一个使用react,react-router,react-hot-loader,webpack-dev-server的项目和webpack。当我更改react组件中的代码时,热加载器生效,但同时控制台警告我:Youcannotchange《Routerroutes》;itwillbeignored.我不知道如何解决这个问题。有代码:网络包代码:varpath=require('path');varwebpack=require('webpack');module.exports={devtool:'source-map',entry:['webpack-dev-server/c