问题标签 [webpack-2]

在我的项目中，我包含一个 CSS 文件和一个 SCSS 文件：

CSS的源映射- 工作正常：

SCSS的源映射- 损坏（所有规则都指向同一行，指向父元素 - body）

编辑：我知道我不是唯一一个有这个问题的人。

我的项目基于这个不错的 repo - https://github.com/qdouble/angular-webpack2-starter/tree/minimal。我将软件包更新为 angular 2.2.3、 webpack 2.1.0-beta.27和 bootstrap-loader 2.0.0-beta.16。当我尝试构建它时，我得到了这些：

./~/css-loader?sourceMap!./~/resolve-url/resolve-url.js!./~/sass-loader?sourceMap!./src/app/shared/datepicker/datepicker.component 中的错误。 scss模块构建失败：ReferenceError：文档未定义

以下是我在组件中使用 SASS 的方式： @Component({ selector: '...', template: `...`, providers: [], encapsulation: ViewEncapsulation.None, styleUrls: ["./datepicker.component.scss"] }) 以及 datepicker.component.scss 文件： @import "/node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker3.min.css";

有人可以解释一下这个错误是什么吗？

我对static-site-generator-webpack-plugin有一些问题。

在我的项目中，我正在使用：

• webpack v2.1.0-beta.27
• 静态站点生成器 webpack 插件v3.1.0
• react和react-dom v15.4.1

这是一个单页网站。

这是webpack.config.babel.js文件的一部分：

这是./components/Root/index.jsx文件：

当我尝试使用它时，我看到错误消息：ERROR in ReferenceError: self is not defined. 这是什么意思？

我正在使用 Typescript 2 和 Webpack 2 构建 angular 2 应用程序。作为加载器，我使用 awesome-typescript-loader。我在 tsconfig.json 中设置了 noImplicitAny = true。但是我隐式使用的一些 npm 包具有“任何”类型。（例如 angular2 平台节点）。所以我只想在 npm 包上跳过该规则，而不是在我的应用程序源上。我该如何配置？

我收到此错误：

在我index.js（哪个 webpack2 似乎正确拾取）中，当我这样做时

我收到上述错误。看来，webpack 无法找到反应。我已经安装了 react 和 react-dom 依赖项package.json。

我的 webpack.config.js 是：

webpack.config.parts 文件是：

我们曾经能够做到这一点：

但这不再适用于最新的 cli。

这有效：

所以基本上，webpack 不会让我在 cli 中动态地要求文件。

处理将在浏览器上下文中运行的一组脚本，其中某些模块（例如下划线）将可用作全局模块。但是，我直接依赖于/下划线node_modules中的模块。是否可以在编译这些文件时将 WebPack 配置为依赖于全局下划线实例，而不是在我编译的脚本中复制该库？requireimport

尝试将我的 angular2 应用程序与 webpack2 和 angular2-template-loader 捆绑在一起，但出现此错误：

没有angular2-template-loader它的bunldes就好了。

src/login/index.js：

src/login/src/login.module.js

webpack.config.js：

我们的应用在浏览器（http://mongoosejs.com/docs/browser.html）中使用猫鼬（v4.6.5），但我最近切换到使用 webpack（v2.1.0-beta.27）和 webpack-dev-服务器（用于开发：v(2.1.0-beta.11) 来运行我们的构建，它在解析 mongoose 时遇到了问题。

当它尝试时，它会收到此错误：

我去了那个文件，看到它试图导入一个window未定义的二进制文件：

我猜浏览器中的猫鼬不想从二进制文件中读取，这是此检查的重点。问题是它window在编译点不存在，因为它是由 webpack 编译的，所以它也尝试静态分析这个二进制文件。

我尝试将其添加到 mongoose 文件中以防止 webpack 继续执行 mongoose 的服务器端依赖关系图：

然后我运行我的 webpack 构建，env BUILD_ENV=browser webpack-dev-server但它不起作用，我猜是因为 webpack 实际上并没有执行你的代码，而是静态分析它。

我也在猫鼬上看到了这个 PR，但它似乎没有解决我的问题：https://github.com/Automattic/mongoose/pull/4512/files.

那么我的问题是如何在浏览器中使用猫鼬（使用 webpack）而不从二进制文件中读取它？

我想开始在 ES6 的类中编写我的 JS 代码。

我正在制作模块并将它们转录到 es5 中webpack 2。

但是如何在 HTML 中使用它们？

我错过了什么？