问题标签 [webpack]

有没有一种方法可以通过使用 Webpack 或 Browserify 一次性创建捆绑包的“web”和“node”版本？捆绑包的“web”版本将在客户端上使用，同一捆绑包的“节点”版本将在服务器上用于预渲染（“同构”网络应用程序）。

我正在尝试用webpackand组合一个简单的项目react-router。当我不使用时react-router，一切正常。这是我的代码：

这是我的重要部分webpack.config.js：

但是当我添加require('react-router')到我的js文件时，我收到了这个错误：

有没有人看到这个错误？我究竟做错了什么？

我正在创建一个在开发中使用 webpack-dev-server 和 react-router 的应用程序。

似乎 webpack-dev-server 是围绕您将在一个地方（即“/”）拥有公共入口点的假设构建的，而 react-router 允许无限数量的入口点。

我想要 webpack-dev-server 的好处，尤其是对生产力非常有用的热重载功能，但我仍然希望能够加载 react-router 中设置的路由。

如何实现它以使它们一起工作？你能在 webpack-dev-server 前面运行一个快速服务器以允许这样做吗？

我正在使用 Webpack 设置应用程序并使用 Backbone Marionette 运行前端。我已经设法让应用程序脚本运行[在应用程序模块内的控制器中生成 LayoutView，就像在 AMD/Require 中一样]，但我不知道是模板。

过去，我使用过 Underscore 模板，但 webpack 更喜欢 Jade 和 Handlebars。我切换到 Jade，但我的 LayoutView 仍然返回错误：

未捕获的 UndefinedTemplateError：无法呈现模板，因为它为 null 或未定义。

当我控制台注销渲染的 Jade 模板时，我得到：<div class="glossary-container"></div>

这是我的 LayoutView 代码供审查：

I am using webpack to bundle up my javascript files.

My Webpack config (which is passed to webpack using gulp) looks like this:

My app.js is a simple require:

Webpack builds the file without any problems and the generated file contains modernizr.

The problem is that when I include the file on a page and test it, modernizr errors out:

The bundled file from webpack looks like this:

What's causing this problem?

配置文件如下所示

但是在运行时，它会在输出文件夹中生成 [hash].ttf。如何在没有哈希的情况下使用相同的输入文件名输出。

如何在 javascript 中将 css 文件输出为 file.css 而不是内联。我的配置如下所示。

我用“file-loader！css-loader！less-loader”测试过 //但文件的内容不是 css

我有模块化的javascript应用程序，我需要在一个文件“global-libs.js”中包含js框架，使用webpack的每个文件都可以访问这些依赖项。其他 js 文件将仅使用这些依赖项，但不会成为最终包的一部分。我正在结合 Webpack 使用 Gulp 来完成这些任务。

这是 webpack 的任务，并将我的 jsx 转换为 js，其中应该只有我的代码，而不是外部库

这个任务应该只使用外部库创建文件，并且依赖 React 应该可以在每个 js webpack 文件中使用 require 来访问。

该文件使用全局反应依赖。但它告诉我 React 在 var HelloMessage = React.. 处未定义。

这是 global-libs.js 文件

谢谢！

我正在为大型 AngularJS 应用程序使用webpack寻求帮助。我们使用基于功能的文件夹结构（每个功能/页面都有一个模块，它们有控制器、指令）。我已成功配置 webpack 以使其与 Grunt 一起使用，它会生成一个单独的包。我想创建块，因为它将成为一个大型应用程序，我们想异步加载模块（页面/功能）工件。

我正在浏览一些 webpack 示例以使用'code splitting'usingrequire([deps],fn )语法。但是我无法让块延迟加载。首先，我不知道具体在哪里，我需要在 AngularJS 将用户路由到下一页之前导入这些块。我正在努力寻找明确的责任分离。

有人向我指出了一个示例 AngularJS 应用程序，其中 webpack 用于在每个路由之后异步加载控制器/指令/过滤器？

我关注的链接很少： 我应该使用 Browserify 还是 Webpack 在 Angular 1.x 中延迟加载依赖项 https://github.com/petehunt/webpack-howto#9-async-loading http://dontkry.com /posts/code/single-page-modules-with-webpack.html

我从模块加载 flat-ui.less 时遇到问题。需要帮忙。

我需要像这样的 flat-uirequire('flat-ui/less/flat-ui.less');每个相关加载器的版本也是"less-loader": "^0.7.7", "css-loader": "^0.9.0", "style-loader": "^0.8.1",

我webpack.config.js的是这样的：

不幸的是，我得到了这个

知道这里发生了什么吗？

提前致谢。