草庐IT

gulp-webpack

全部标签

javascript - 如何从另一个 gulp file.js 导入所有任务

是否可以有一个主要的gulpfile.js来调用其他gulpfiles.js的任务?将子gulpfile.js简单地“要求”到主文件中是行不通的。我有一个平台项目,其中包括几个带有单独gulpfile的子项目,所以我需要一个解决方案来管理主要项目中的所有子gulpfile 最佳答案 可以有一个主gulpfile.js,使用require-dir从其他gulpfiles.js调用任务。模块。从项目自述文件中使用它:跨多个文件拆分任务如果您的gulpfile.js开始变得太大,您可以拆分任务使用require-dir到单独的文件中模块。

javascript - 对我的 React.js 模块使用 gulp-browserify 我在浏览器中得到 'require is not defined'

我正在尝试使用gulp-browserify生成一个bundle.js文件,该文件可以包含到客户端的浏览器中并开始渲染React组件。这是我的App.js文件:/**@jsxReact.DOM*/varReact=require('react');varApp=React.createClass({render:function(){returnHello{this.props.name}!;}});module.exports=App;还有我的package.json:"name":"hellosign-gulp","version":"0.1.1","dependencies":{

javascript - 对我的 React.js 模块使用 gulp-browserify 我在浏览器中得到 'require is not defined'

我正在尝试使用gulp-browserify生成一个bundle.js文件,该文件可以包含到客户端的浏览器中并开始渲染React组件。这是我的App.js文件:/**@jsxReact.DOM*/varReact=require('react');varApp=React.createClass({render:function(){returnHello{this.props.name}!;}});module.exports=App;还有我的package.json:"name":"hellosign-gulp","version":"0.1.1","dependencies":{

node.js - 有没有办法让 webpack 不显示它正在编译的所有 block ?

默认的webpackCLI输出对我来说太冗长了。一旦我从我的一个文件中导入React,输出就会爆炸,显示所有block(?)正在打包:webpackresultisservedfrom/contentisservedfrom/Users/me/myprojectHash:aaaf5afc6582f3222f55Version:webpack1.12.14Time:1175msAssetSizeChunksChunkNamesindex.js677kB0[emitted]mainchunk{0}index.js(main)643kB[rendered][0]./src/app.js574

node.js - 有没有办法让 webpack 不显示它正在编译的所有 block ?

默认的webpackCLI输出对我来说太冗长了。一旦我从我的一个文件中导入React,输出就会爆炸,显示所有block(?)正在打包:webpackresultisservedfrom/contentisservedfrom/Users/me/myprojectHash:aaaf5afc6582f3222f55Version:webpack1.12.14Time:1175msAssetSizeChunksChunkNamesindex.js677kB0[emitted]mainchunk{0}index.js(main)643kB[rendered][0]./src/app.js574

node.js - 更改文件后如何重新编译webpack?

我正在使用带有两个入口点的webpack:entry:{js:'./assets/index.js',css:'./assets/sass/all.scss'},我想配置它,所以当我更改js或scss文件时,它会自动再次运行webpack。我尝试将webpack-dev-server与命令一起使用:webpack-dev-server--hot看起来它又在构建,它输出消息webpack:bundleisnowVALID.但是,如果我尝试刷新浏览器,我将看不到我的更改。(在开发工具上禁用缓存并按下Ctrl+F5)。重启Node也不起作用,就好像它在其他地方而不是在配置的输出文件上构建:o

node.js - 更改文件后如何重新编译webpack?

我正在使用带有两个入口点的webpack:entry:{js:'./assets/index.js',css:'./assets/sass/all.scss'},我想配置它,所以当我更改js或scss文件时,它会自动再次运行webpack。我尝试将webpack-dev-server与命令一起使用:webpack-dev-server--hot看起来它又在构建,它输出消息webpack:bundleisnowVALID.但是,如果我尝试刷新浏览器,我将看不到我的更改。(在开发工具上禁用缓存并按下Ctrl+F5)。重启Node也不起作用,就好像它在其他地方而不是在配置的输出文件上构建:o

javascript - "Uncaught ReferenceError: require is not defined"使用 Angular 2/webpack

我正在使用node和webpack将来自图形设计公司的HTML模板添加到我的Angular2项目中。HTML会像这样引入各种脚本:所以我在component.ts中需要它们:varicheckJs=require('../js/jquery.icheck.min');varwaypointsJs=require('../js/waypoints.min');还有其他几个脚本和一些看起来工作正常的SASS。webpack很高兴并构建了这一切,并且“npmstart”也成功了。但是,当它到达浏览器时,我收到了这样的提示:UncaughtReferenceError:requireisnot

javascript - "Uncaught ReferenceError: require is not defined"使用 Angular 2/webpack

我正在使用node和webpack将来自图形设计公司的HTML模板添加到我的Angular2项目中。HTML会像这样引入各种脚本:所以我在component.ts中需要它们:varicheckJs=require('../js/jquery.icheck.min');varwaypointsJs=require('../js/waypoints.min');还有其他几个脚本和一些看起来工作正常的SASS。webpack很高兴并构建了这一切,并且“npmstart”也成功了。但是,当它到达浏览器时,我收到了这样的提示:UncaughtReferenceError:requireisnot

node.js - Webpack TypeScript module.hot 不存在

我想在TypeScript编写的NodeJS项目中启用WebpackHMR。但是module.hot不可用:@types/webpack-env定义:declarevarmodule:__WebpackModuleApi.Module与@types/node定义冲突:declarevarmodule:NodeModule删除@types/node,解决了问题,但禁用了process:process.env.NODE_ENV==='production'//[ts]Cannotfindname'process' 最佳答案 正如很少有人