百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
W

webpack-stream

> 编程语言
开源

:tropical_drink: 通过流接口运行 webpack

1.4K stars0 点赞0 次浏览
访问官网GitHub

工具介绍

:tropical_drink: 通过流接口运行 webpack

webpack-stream() (https://travis-ci.org/shama/webpack-stream)

将 webpack 运行为流,以便方便地与 gulp 集成。

安装

如果您有 npm,请在控制台中运行以下命令 npm install --save-dev webpack-stream

使用方法

javascript
const gulp = require('gulp');
const webpack = require('webpack-stream');
gulp.task('default', function() {
  return gulp.src('src/entry.js')
    .pipe(webpack())
    .pipe(gulp.dest('dist/'));
});

上述操作将使用 webpack 将 src/entry.js 编译为资源,存储在 dist/ 中,输出文件名为 [hash].js(webpack 生成的构建哈希)。 您可以通过第一个参数传递 webpack 选项,包括 watch 选项,这将大大减少编译时间:

javascript
return gulp.src('src/entry.js')
  .pipe(webpack({
    watch: true,
    module: {
      rules: [
        { test: /\.css$/, use: ['style-loader', 'css-loader'] },
      ],
    },
  }))
  .pipe(gulp.dest('dist/'));

或者直接传入您的 webpack.config.js:

javascript
return gulp.src('src/entry.js')
  .pipe(webpack( require('./webpack.config.js') ))
  .pipe(gulp.dest('dist/'));

如果您想使用不同于本插件使用的 webpack 版本,可以传入可选的第二个参数:

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

JavaScript

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言