问题标签 [webpack-3]

我正在尝试在我的 scss 文件中使用引导程序中的一些实用程序类。

例子

我正在像这样导入引导程序@import '~bootstrap/scss/bootstrap-grid.scss';

当我尝试在许多文件中扩展实用程序类时，我必须在多个文件中包含 bootstrap.scss，这会在我尝试使用 webpack 进行捆绑时增加我的包大小。它也大大增加了我的构建时间。

有没有办法包含bootstrap.scss一次并捆绑一次？

我正在从 webpack 1 迁移到 3。在经历了这么多错误之后，现在我陷入了困境。有人可以帮忙！

我收到这些错误 -

这是示例回购 - https://github.com/shivamkumar110/webpack-3-test

这是我的webpack.config.js的片段

我正在尝试将 css 样式表应用于我的 html 页面，并将其作为 javascript 代码中的字符串获取（我想向用户展示我的样式表）。我正在使用css-loader和style-loader。这是 webpack 配置文件的一个片段：

当我使用此配置时，样式将应用于我的 HTML 页面，但我无法在代码中将它们作为字符串获取。给console.log(style.toString())了我一个空对象[object Object]。它是空的，因为Object.keys(style)给了我[ ]。这是app.js文件：

如果我注释掉{ loader: 'style-loader'}，控制台会打印我的样式表，但样式不会应用于 HTML 页面。这是console.log(style.toString())这种情况下的输出：

有什么建议吗？

来自文档：

加载程序链按时间顺序编译。加载器链中的第一个加载器将值返回给下一个。

让我们以下面的 webpack 配置为例。

根据文档，style-loader首先运行然后将其输出通过管道传输到css-loader（由于时间顺序）。但这不是它的工作方式。实际上css-loader，首先加载样式表，然后通过管道将结果style-loader附加到 html 页面中。

如果我更改加载程序的顺序，我会在构建时收到错误：

错误：

我错过了什么？我没有正确理解时间顺序吗？

我的 webpack.config.js 有什么问题，因为它无法排除 node_modules。我在以前版本的 webpack 中发现了关于这个问题的类似帖子，但是由于语法不同，修复不起作用......

在本地，我的 Vue 项目运行良好（OSX、Node 9.3、npm 5.6）。但是，当我推送到构建环境（Windows NT 6.3.9600、npm 3.10.8、节点 v4.5.0）时，我的构建失败并且我的 .vue 文件中有语法错误。我正在使用此处为 webpack找到的样板，并对其进行了一些调整。

.babelrc

包.json

错误摘要

它似乎只在我的 .vue 组件文件上出错，但同样，只在这个 Windows 环境中。任何想法或建议将不胜感激。谢谢。

我希望将Handlebars Intl用于我的车把模板，但在使用时会抛出错误“helpers.formatNumber is undefined”。

这是我的 webpack 配置

这是我的车把 header.tpl

在调用之前，我已经将 HandlebarsIntl 与我的 Handlebars 关联起来

HandlebarsIntl.registerWith(Handlebars); 我可以看到 Handlebars.helpers 下的注册助手

参考： https ://github.com/pcardune/handlebars-loader https://formatjs.io/handlebars/

请帮助我

为什么 babel 不会改变我的课程？

语法错误 main.js (24,25)

图片：IE11 转换后的 main.js 文件

也许我的配置不对？

我尝试通过我的应用程序添加对 IE 11 的支持，但 babel 无法正常工作。我还从 angular.io 文档中添加了 polyfills.ts 以支持 IE。

这里我将向你展示我的.babelrc、webpack.config.js、package.json、tsconfig.json。

.babelrc

webpack.config.js

包.json

tsconfig.json

- - 更新 - -

Package.json：devDependencies

我正在努力正确设置我的 webpack 配置......我尝试了很多事情但没有结果。当我尝试编译捆绑包时，我收到大量关于 .svg 文件路径的错误，但是路径没问题。

有谁知道如何修理它？请在下面找到我的 webpack 配置的代码

我正在查看许多教程如何正确设置 webpack 以使用 SASS + CSS 模块 + Webpack（我没有使用 Create React App 包）

就像在不同的路径中寻找 svg

和路径

我正在使用带有嵌套行的 PrimeNG TurboTable。将数据加载到 TurboTable 时会遇到严重的性能问题，例如渲染大约需要 30 秒，并且需要 10 多秒才能稳定，数据是从服务器加载的，数据是从接收的服务器非常快。有没有其他人遇到过问题。如果是，你是如何解决这个问题的。

html

ts

单独列表