草庐IT

gulp-webpack

全部标签

javascript - TypeScript、React 和 Gulp.js - 定义 React

我正在尝试创建一个工作流程,我可以在其中使用TypeScript编写React模块并通过Gulp.js自动编译为JavaScript。我正在使用TypeScript1.6.2、gulp-react和gulp-typescript。我的.tsx文件现在看起来像这样:///importReact=__React;interfaceHelloWorldProps{name:string;}varHelloMessage=React.createClass({render:function(){returnHello{this.props.name};}});React.render(,doc

javascript - 如何在 Gulp 4 中使用异步/等待?

我正在尝试做这样的事情:gulp.task("test",async()=>{returngulp.src("**/*.scss").pipe(print((filePath)=>`File:${filePath}`));});(打印为gulp-print)但它给出了以下内容:[22:08:43]Starting'test'...[22:08:43]Finished'test'after12ms[22:08:43]File:src\app\styles\app.scss[22:08:43]File:src\app\styles\test.scss即它在打印消息之前完成。我正在使用Gul

javascript - Gulp 在 Windows 上运行失败 |错误消息 : Microsoft JScript compilation error, 无效字符

我在我的Windows7本地机器上安装了Node.js如下链接所示:install-node-js-npm-windows之后我通过命令行通过这个命令安装了Gulp.js:npminstall-ggulp然后我将此路径添加到环境变量区域:C:\Users\Majid\AppData\Roaming\npm\node_modules\gulp\bin现在,当我尝试通过此命令运行gulp时:gulp我得到了这个错误:WindowsScriptHostLine:1Char:1Error:InvalidcharacterCode:800A03F6Source:MicrosoftJScriptc

javascript - 使用相对路径从根加载图像使用--> webpack - file-loader - Angularjs

我正在使用Webpack在我的HTML、CSS和JS上加载图像。我的配置是:{varpath=require('path');varwebpack=require('webpack');constHtmlWebpackPlugin=require('html-webpack-plugin');constExtractTextPlugin=require('extract-text-webpack-plugin');varconfig={entry:['angular','./src/lib.js','./src/app.js',],output:{path:path.join(__di

javascript - Webpack babel-loader runtime : Module build failed: TypeError: this. setDynamic 不是函数

我正在尝试将babel-loader与babel-plugin-transform-runtime一起使用。我已按照以下说明进行操作:https://github.com/babel/babel-loader#babel-is-injecting-helpers-into-each-file-and-bloating-my-code相关代码:rules:[//the'transform-runtime'plugintellsbabeltorequiretheruntime//insteadofinliningit.{test:/\.js$/,exclude:/(node_modules

javascript - 使用Webpack拆分出一个模块,以便在WebWorker中加载

我有一个使用webpack编译的网络应用程序。我的代码使用的模块之一名为table.js。直到最近,它还只是另一个模块,并已与其他所有内容一起编译到我的bundle.js文件中。现在我需要在WebWorker中运行table.js,所以我需要将它和它的依赖项拉到一个单独的文件中,该文件既可以独立加载,也可以由我的其他模块加载。起初我想在我的webpack.config.js的entry中包含table.js。varconfig={...entry:{app:['./src/main.js','./src/classes/table.js'],vendors:[],},...}那没用。然

javascript - 无法使用 webpack-isomorphic-tools 生成 webpack-assets.json

我正在尝试学习React以及围绕它构建的整个环境。我通过尝试构建自己的开发堆栈来做到这一点。我很长一段时间都无法解决的问题是如何在不失去服务器渲染能力的情况下提供CSS/Images。我阅读了一些教程并发现了webpack-isomorphic-tools我已经对它们进行了配置,并设法获得了对图像的支持,sass(转换为css)也是如此。但是,我遇到了一个问题,即我的webpack-assets.json文件没有生成,而是我看到了这个输出。(Imanagedtogetitgeneratedona2ndrunofnpmstartbeforethiscommit,butthatwasdef

javascript - 如何在终端中运行 gulp 任务

我是gulp的初学者。我在gulp.js中创建了一个名为task1的任务,当我尝试在命令行中使用“gulptask1”执行该任务时,它会在括号编辑器中打开gulp.js文件,而不是在命令行中执行。有人可以帮我解决这个问题吗我的gulp文件中的代码是vargulp=require('gulp');varjshint=require('gulp-jshint');varjscs=require('gulp-jscs');gulp.task('task1',function(){returngulp.src(['./src/**/x.js','./*.js']).pipe(jscs()).p

javascript - 从 Webpack 3 迁移到 Webpack 4

我正在尝试迁移到Webpack4,但这真的很痛苦。经过几天将Webpack3插件移动到Webpack4原生东西后,我得到了js应该可以很好地渲染,但是当我访问我的网站时,我在控制台上收到了这条消息:UncaughtTypeError:(intermediatevalue)(intermediatevalue).push不是函数开启:(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["Index"],{这是我的Webpackoutput设置:output:{filename,path:path.resolve(__dir

javascript - 如何将 Webpack 生成的文件传递给 Gulp 流

考虑到以下WebpackGulp任务,如何将其与Gulp集成,以便在编译Webpack后将文件通过管道传输到Gulp,以便我可以运行进一步的任务?gulp.task('webpack',function(callback){webpackCompiler.run(function(err,stats){if(err){thrownewplugins.util.PluginError('webpack',err);}plugins.util.log('webpack',stats.toString({colors:true,}));callback();});});gulp.task('