问题标签 [webpack]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
86245 浏览

javascript - Webpack 和外部库

我正在尝试 webpack ( http://webpack.github.io/ ),它看起来非常好,但是我有点卡在这里。

假设我将 CDN 用于库 f.ex jQuery。然后在我的代码中,我希望require('jquery')自动指向全局 jquery 实例,而不是尝试从我的模块中包含它。

我试过使用像这样的插件IgnorePlugin

这适用于忽略库,但它仍然说当我运行 webpacker 时所需的模块“丢失”。

不知何故,我需要告诉 webpackjquery应该从全局上下文中获取。似乎是一个常见的用例,所以我有点惊讶文档没有专门针对这个。

0 投票
3 回答
51230 浏览

backbone.js - Webpack ProvidePlugin 与外部插件?

我正在探索将WebpackBackbone.js一起使用的想法。

我遵循了快速入门指南,并对 Webpack 的工作原理有了大致的了解,但我不清楚如何加载依赖库,如 jquery / 主干 / 下划线。

它们应该从外部加载<script>还是 Webpack 可以像 RequireJS 的 shim 一样处理?

根据webpack doc: shimming modulesProvidePlugin并且externals似乎与此有关(bundle!某处的 loader 也是如此),但我不知道何时使用哪个。

谢谢

0 投票
1 回答
8491 浏览

javascript - 需要一个带有 webpack 的模块

我使用 Webpack 来构建我的网站的 javascript。

一切正常,但我想将 require 调用到模板中(动态添加)。

我希望能够在构建后需要一个模块。(require 未定义到全局上下文中)。

可能吗 ?

谢谢

0 投票
2 回答
14753 浏览

angularjs - 我应该使用 Browserify 还是 Webpack 来延迟加载 Angular 1.x 中的依赖项

我想在大型应用程序中异步加载角度依赖项,我正试图为此在BrowserifyWebpack之间做出决定。我知道 angular 2.0 会原生支持这个,但现在我正在寻找一个得到很好支持和流行的解决方案。

任何人都可以就哪些方法在角度团队中最有效以及构建项目的最佳方式提供建议。

0 投票
2 回答
249 浏览

amd - 如何确保 Traceur 输出与 amd/commonjs 兼容

我想通过Traceur运行我的 ES6 。但是我也想使用可以接受 AMD 模块或 commonjs 的 Webpack。

我想知道 Traceur 是否经过任何步骤来与这些兼容(ES5 输出维护要求 + 定义等),以及我是否可以继续我的 Webpack 构建而不用担心 Traceur。

0 投票
2 回答
3233 浏览

javascript - 在 Chrome 中使用 Ruby on Rails、Webpack 和 React JS 将 Sourcemaps 减少一行

当我使用 Chrome devtools 调试器时,我遇到了一个问题,即 Webpack 使用inline-source-map配置设置生成的源映射关闭了一行。Webpack 在 Ruby on Rails 应用程序中设置,以生成由几十个模块组成的连接的、未压缩的 JavaScript 文件。这些模块中的大多数都是 ReactJS 组件,并由jsx加载器解析。application.js然后将 Webpack 的输出与gems 生成的其他一些 JavaScript 库一起包含在文件中。

当我使用eval-source-map时,没有问题。关于使用的某些事情inline-source-map会导致行号被取消。

检查不是 React 组件的 JavaScript 仍然有这个问题,所以我认为它与使用 jsx 无关。

0 投票
12 回答
58341 浏览

javascript - Karma/Jasmine 在没有运行测试的情况下超时

我正在尝试在使用 http://newtriks.com/2013/12/31/automating-react-with-yeoman-and-grunt/生成的项目上从 Grunt 运行 Karma/Jasmine

Karma 启动 PhantomJS(或 Chrome),并且取决于 singleRun,它要么超时,要么只是坐在那里什么都不做。我已经尝试改变captureTimeoutbrowserNoActivityTimeout基于阅读有类似问题的人的解决方案,但它似乎不起作用。

我的相关包装版本等:

  • 节点JS:0.10.25
  • 业力:0.12.16
  • 网络包:1.1.11
  • 网络包开发服务器:1.4.1
  • 业力茉莉花:0.1.5
  • Linux:Ubuntu 14.04

我发现有人在 OS X 上遇到了同样的问题:

我已尝试将所有开发依赖项更新到最新版本,但问题仍然存在。

我的控制台输出如下。引用bundle 的 webpack 行现在是 VALID/INVALID令人担忧,但我找不到任何关于它们含义的信息。这是我的控制台输出:

这是我的karma.conf.js文件:

0 投票
1 回答
934 浏览

javascript - Grunt-webpack-globals 通过 ProvidePlugin

我一直在尝试为我的 webpack 编译模块提供 grunt。我所有的文件至少需要 1 或 2 个全局变量(React、Backbone 和下划线)。

这些资产会被编译成 js,react 视图。我想知道如何使用 ProvidePlugin 为我的所有模块提供一些基本包,包括 webpack 和/或 grunt 配置?

我不知道这段代码会在哪里!Gruntfile.js?输入js文件?

或者

我研究并发现这是最接近的: Webpack ProvidePlugin vs externals?

非常感谢您的帮助!

0 投票
1 回答
4264 浏览

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

考虑到以下 Webpack Gulp 任务,如何将其与 Gulp 集成,以便在编译 Webpack 后将文件通过管道传输到 Gulp,以便我可以运行更多任务?

0 投票
2 回答
10369 浏览

webpack - 在应用程序 HTML 中包含指向 webpack 入口点的直接链接?

我的 webpack 入口点[hash]在名称中包含一个:

如何从应用程序的 HTML 直接链接到该入口点?

例如,我希望发送给客户端的 HTML 包括:

我怎样才能做到这一点?是否有一个插件可以生成一个入口点清单,我的应用程序可以读取并发出适当的文件名?