问题标签 [webpack-3]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1077 浏览

angular5 - TurboTable 嵌套的 TurboTable 不起作用

我使用带有嵌套 TurboTable 的 TurboTable。在行展开时,我将从服务中检索数据并将结果绑定到 TurboTable 中。当我使用嵌套 TurboTable 时,TurboTable 不显示。我使用primeng 5.2.0-rc.2

0 投票
0 回答
863 浏览

node.js - 从 Grunt+Bower 迁移到 Webpack

我正在尝试从 Bower+Grunt 迁移到 Webpack(最终迁移到 YARN 而不是 Bower)。

但是,我遇到的任何关于 WebPack3 的文档甚至都没有谈到处理凉亭组件。

WebPack 2 使用了 Bower 插件,但 WebPack 3 不支持相同的插件。

这是我的 WebPack 配置:

整个想法是首先使用 webpack 运行,然后完全迁移到 YARN。

他们说 WebPack3 的插件已经停止,那么解决方法是什么?

0 投票
1 回答
1391 浏览

html - 如何将 webpack 用于 html5 srcset 图像

在开发模式下,我对 html 图像使用 require 并使用 webpack 进行编译。

html:

下面的代码是使用 webpack 编译的,并以普通 html 的形式返回输出,但是如何将它用于 html5 srcset 2x 3x 图像?

0 投票
1 回答
767 浏览

postcss - postcss-loader 在 webpack 3 中不能与 ExtractTextPlugin 一起使用?

配置

webpack.config.js

postcss.config.js

包.json

附加信息


问题

运行此配置时,我没有收到错误。它就像 postcss-loader 不存在一样运行,并给了我普通的 css。我正在尝试运行发布在autoprefixer 站点上的基本示例

0 投票
0 回答
335 浏览

javascript - 为什么在 watch 模式下使用 webpack 编译样式更改时,babel 找不到它的辅助函数?

babel 和 webpack 有一些问题。我不确定是什么引入了这个问题,它是断断续续的,发生在几天前,然后在尝试调试数小时后消失了。我不确定是什么解决了它。

webpack.config --- package.json 的相关部分

该项目是一个多页面的 jQuery 和 Flask 应用程序,正在迁移到 React。我们也在使用react-bootstrap.

问题是:

  • 当我对 sass 或 css 文件进行更改时
  • webpack 编译后
  • Babel 找不到它的一些辅助函数。路径无法解析,或者插入了错误的路径。
  • 这只发生在 webpack 在 watch 模式下运行时。重新启动 webpack 将使错误消失。
  • 一旦我再次启动手表模式并对我的任何 sass 或 css 进行更改,错误就会再次出现。

编译样式更改后我在页面加载时遇到的一些错误:

1.

在控制台中:Uncaught TypeError: dP.f is not a function

chrome检查器中的文件,_hide.js

2.

控制台错误:Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_4_babel_runtime_helpers_inherits___default.a is not a function

chrome 检查器中的文件,PanelGroup.js- 来自react-bootstrap相关部分。

3.

控制台错误:__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_possibleConstructorReturn___default.a is not a function

chrome 检查器中的文件,Collapse.js- 来自react-bootstrap相关部分。

import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';

更新:

rm -rf node_modules没有帮助。对页面的 JS 入口文件进行任何更改都会导致 webpack 重新编译并且错误消失。

0 投票
1 回答
786 浏览

reactjs - 运行时 Webpack 3.10.0 和 babel-polyfill 问题

我目前正在使用 Webpack 3.10.0 以及以下 babel 包。

我的问题是,在运行时我在浏览器控制台上收到以下错误并且页面没有加载。

我的 webpack.config.js 如下所示。

我已按照https://babeljs.io/docs/usage/polyfill/中的说明将 babel-polyfill 导入 Main.js 和 MainInt.js 文件,但我没有使用new webpack.optimize.ModuleConcatenationPlugin().

有关如何解决此问题的任何想法。提前致谢 :)

0 投票
0 回答
339 浏览

webpack - 如何仅在生产模式下使用 webpack 集成 bootstrap 的 cdn

嗨,我正在使用 htmlwebpackextract 插件。这是我的配置代码

它给出了一些错误,因为无法读取 null 的属性 'var'。在 index.js 中需要('bootstrap')

0 投票
1 回答
96 浏览

reactjs - Webpack3 无法解析 JSX 文件

对于在 webpack 构建期间无法通过 JSX 解析的基于反应的应用程序,我有以下配置:

关于什么可能是错的任何建议?

以下是package.json文件:

以下是webpack.config.json文件:

0 投票
2 回答
10219 浏览

webpack - Webpack 包括最终包中未使用的导出(不是摇树)

我有一个设置,其中库的 index.js(主入口点)导出库中的所有内容......所以它的设置如下:

看看

当我从该入口点导入 1 个导出的库时,看起来 Webpack 无法对输出进行树状抖动。runningwebpack -p实际上是将整个库包含在包中,尽管只导入了一个导出。运行webpack(非生产包)确实unused harmony export ....在整个文件中显示(167 次),但为什么它们没有被删除?

我有一个显示此问题的测试设置:https ://github.com/purtuga/webpack-bundle-test

希望有人(比我聪明:))可以帮助确定我做错了什么。

/保罗

0 投票
1 回答
135 浏览

typescript - Webpack 异步加载器优先顺序

我想在 webpack 编译期间替换每个 typecrpit 中的一些代码。现在我得到了这样的东西:

我的测试加载器看起来像这样:

根据这个问题,应该为每个打字稿文件调用我的加载器(test-loader )(确实如此)。下一个加载器(@ngtools/webpack)应该在修改过的(通过test-loader)打字稿文件上运行,但不是,为什么会这样

我的配置:

  • webpack v3.10.0
  • 打字稿2.6.2
  • 节点v9.4.0
  • @ngtools/webpack v1.10.0-beta.3(1.6.4 的情况相同)

没有enforce: 'pre'同样的效果。我正在尝试做这样的事情但更简单。