问题标签 [webpack]

有没有人在使用 css 预处理器（less/scss/styl）时使用 webpack 成功生成（css）源图？

我试过使用这样的链式加载器：

webpack.config

但 sourcemap 显示来自 less（而不是源）的编译输出，但是它显示正确的文件名。

无所谓

映射到/absolute/path/to/whatever.less，内容如下

@red 怎么了？

当需要模块时，我有自己的约定。例如require("./components/SettingsPanel");应该解决require("./components/SettingsPanel/SettingsPanel.js");

有没有办法创建这样的解析器？

我正在尝试通过 webpack使用material-ui 。但是，我在 chrome dev-tool 中收到了错误消息

我的 webpack.config.js：

我需要一些关于如何使用 webpack 要求 material-ui 的建议。谢谢。

我已经能够让 webpack 在bower_components. .bower.json当凉亭组件仅包含文件而不包含文件时，我遇到了问题bower.json（请注意，第一个文件名前面有 a .）。

我的文件的简化版本webpack.config.js如下所示：

我正在尝试使用jquery.selectBoxIt作为凉亭组件。另一个问题可能是它的文件中缺少一个main字段.bower.json。对于它的价值，我在下面包含了该文件：

是否可以在 ES6 中开发 React 组件？

例如：

也可以使用 ES6 定义组件：

并以某种方式使用 webpack 构建所有这些？webpack 配置文件会是什么样子？

我设法使用 traceur 和 webpack 编译 ES6 代码，但无法将 JSX 转换为 javascript，也无法使用 ES6 扩展类。

谢谢

我最近开始使用 react 和 webpack，虽然它在大多数方面都很棒，但是在测试应用程序时会渲染到 iframe 中，这使我无法直接加载非 root 路由。因此，如果我想测试http://localhost:8000/#/signin我无法加载该 url，而是我必须加载基本 url 并单击其中指向登录页面的链接（或者至少这是我发现的唯一可行的方法）。

有一个更好的方法吗？

这是一个类似的问题，有一个非常老套的解决方案。从那以后有什么改变吗？

我试图将一个变量注入到我的 webpack 包中的每个模块中，以便为每个文件提供 JS 错误的调试信息。我已启用

webpack 中的当前文件路径

在我的 webpack.config 中，但我想注入类似的东西

编译前进入每个模块。我已经看到带有选项的横幅插件raw，但似乎这只会将横幅注入 webpack 闭包之外，而不是我想要的将脚本注入每个模块的结果。

我正在使用 webpack 来构建我的反应组件，我正在尝试使用extract-text-webpack-plugin将我的 css 与我生成的 js 文件分开。但是，当我尝试构建组件时，出现以下错误： Module build failed: ReferenceError: window is not defined.

我的 webpack.config.js 文件如下所示：

有没有办法让 Webpack 扫描 Javascript 文件require("file.js")并require("file.css")插入<script type="text/javascript">和<link rel="stylesheet">（分别）到任何包含根 Javascript 文件的 HTML 文件？

例如。鉴于：

主.html

主.js

我希望得到这个输出：

主.html

加分项：能够require("login.scss")并最终获得<link rel="stylesheet" type="text/css" href="login.css"/>（意思是，考虑到 SCSS 文件将被转换为 CSS 的事实）。

我有一个包含三个入口点和一个共享库的项目，如下所示：

我想做的是放入LibA一个公共块，即使它不在EntryC中。我尝试使用 CommonsChunk 插件，但发生的是我定义的块 gets LibA，而且还EntryAgetEntryB库。

根据文档，创建一个块应该从条目中删除库，但我似乎无法让它工作 - 当我删除EntryC它时，我怀疑 webpack 不会强制它进入公共块，因为它知道这EntryC不会用它。

我可以以某种方式覆盖它吗？