问题标签 [webpack-2]

我正在开发一个 Angular 2 应用程序，目前正在尝试使用 Webpack 2 构建它（这是我第一次涉足 Webpack）。

我理解 和 之间的区别style-loader，to-string-loader前者将 CSS 添加到 DOM，后者创建一个字符串数组供 Angular 2 通过styles属性使用。

我的问题是，我可以两者兼得吗？或者换一种说法，如果我在一个文件中有全局样式，那么在不改变组件样式（ ， ）site.css行为的情况下将它们与 Webpack 捆绑在一起的正确方法是什么？to-string-loadercss-loader

仅仅要求或导入它们main.ts似乎不足以让 Webpack 弄清楚要做什么。

我已经下载了一个推荐添加的 npm 模块：

到我的 index.html 文件。

有没有一种方法可以要求来自 angular2 组件的与 Webpack 2 相同的引用？

例如

在组件中？

我正在尝试访问clientHeight由单文件组件创建的 vue 实例的属性，但它返回未定义。我怎样才能做到这一点？

我已经升级到 webpack 2，并且在摇树之前我的包大小增加了。在调查为什么我似乎有像bn.js和这样的大文件eliptic时（node-libs-browser 的一些依赖项 - 它本身现在是 webpack2 的依赖项）。有没有办法删除这些或排除它们？在 webpack1 中，它们没有被添加到我的包中。

因此，目前我有一个 SPA，其中包含基于可以（由用户）安装的“插件”的不同功能。这个应用程序目前主要是 TypeScript，输出的 JS 文件（没有 loader 的 es5 语法）只是通过 script 标签包含在 SPA 登陆页面中。这已经足够好了，但现在不行了。对于某些用户来说，脚本的数量很大，所以我计划对插件进行 webpack（TS -> ES6 -> Babel -> Webpack Bundle），但是我可以看到一种方法来轻松加载某些代码或某些用户。

所以主 app.ts 看起来像这样

并说 TicketPlugin.ts 看起来像这样

现在要生成菜单，我只需这样做：

现在我遇到的主要问题

恢复功能的明显方法是使每个插件成为入口点，然后为每个所需的插件包含一个脚本标记（但这对我现在的位置没有任何改进）。

理想情况下，我想打包插件，将它们输出到单独的文件中，然后服务器可以根据当前用户需要的插件将它们连接到包中。但是我看不到让这些文件运行以注册自己的方法，无论是使用另一个类/组件还是作为全局。

我已经看到了 webpack 处理 jQuery 插件的方式，但是在 webpack 应用程序之前，你必须知道你计划加载哪些 jquery 插件，并需要它们。

我正在使用 webpack2 和 babel-loader 将 ES6 转换为 ES5，我们计划使用 webpack 的 html 和 css 加载器，如何启动和实现？

我用 google 和 github issus 搜索过，但没有人适合我。

socket.io-client@0.9.7 是旧版本，无法更新。因为服务器中的socket.io版本是0.9.7，不能改。如果我更新客户端将不会连接服务器。

我似乎无法让 webpack-dev-server 让 webpack2 工作。

我正在使用以下版本： webpack@2.1.0-beta.25&webpack-dev-server@2.1.0-beta.10

我得到以下 CLI 日志：

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

我错过了什么？

由于 webpack 2 引入了 ES6 模块系统，require('./mytemplate.html')语法在基于 angular 1 和 webpack 2 的项目中不起作用。

找不到与 webpack 2 一起使用以加载 html 模板的加载器。

使用 webpack2 加载 angular 1 模板文件的正确方法是什么？

注意：我正在使用 typescript 类来创建具有 template: require('./mytemplate.html') 属性的 angular 1 组件。举个例子。

我正在尝试更新到 webpack 2。我使用 webpack-stream 从 gulp 运行东西，但似乎 webpack-stream 正在使用它自己对 webpack 1 的依赖。

我无法使用 webpack 2 找到任何 webpack-stream。是否有可能从 gulp 使用 webpack 2？