问题标签 [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.
angular5 - TurboTable 嵌套的 TurboTable 不起作用
我使用带有嵌套 TurboTable 的 TurboTable。在行展开时,我将从服务中检索数据并将结果绑定到 TurboTable 中。当我使用嵌套 TurboTable 时,TurboTable 不显示。我使用primeng 5.2.0-rc.2
node.js - 从 Grunt+Bower 迁移到 Webpack
我正在尝试从 Bower+Grunt 迁移到 Webpack(最终迁移到 YARN 而不是 Bower)。
但是,我遇到的任何关于 WebPack3 的文档甚至都没有谈到处理凉亭组件。
WebPack 2 使用了 Bower 插件,但 WebPack 3 不支持相同的插件。
这是我的 WebPack 配置:
整个想法是首先使用 webpack 运行,然后完全迁移到 YARN。
他们说 WebPack3 的插件已经停止,那么解决方法是什么?
html - 如何将 webpack 用于 html5 srcset 图像
在开发模式下,我对 html 图像使用 require 并使用 webpack 进行编译。
html:
下面的代码是使用 webpack 编译的,并以普通 html 的形式返回输出,但是如何将它用于 html5 srcset 2x 3x 图像?
postcss - postcss-loader 在 webpack 3 中不能与 ExtractTextPlugin 一起使用?
配置
postcss.config.js
包.json
附加信息
问题
运行此配置时,我没有收到错误。它就像 postcss-loader 不存在一样运行,并给了我普通的 css。我正在尝试运行发布在autoprefixer 站点上的基本示例
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 重新编译并且错误消失。
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()
.
有关如何解决此问题的任何想法。提前致谢 :)
webpack - 如何仅在生产模式下使用 webpack 集成 bootstrap 的 cdn
嗨,我正在使用 htmlwebpackextract 插件。这是我的配置代码
它给出了一些错误,因为无法读取 null 的属性 'var'。在 index.js 中需要('bootstrap')
reactjs - Webpack3 无法解析 JSX 文件
对于在 webpack 构建期间无法通过 JSX 解析的基于反应的应用程序,我有以下配置:
关于什么可能是错的任何建议?
以下是package.json文件:
以下是webpack.config.json文件:
webpack - Webpack 包括最终包中未使用的导出(不是摇树)
我有一个设置,其中库的 index.js(主入口点)导出库中的所有内容......所以它的设置如下:
(看看)
当我从该入口点导入 1 个导出的库时,看起来 Webpack 无法对输出进行树状抖动。runningwebpack -p
实际上是将整个库包含在包中,尽管只导入了一个导出。运行webpack
(非生产包)确实unused harmony export ....
在整个文件中显示(167 次),但为什么它们没有被删除?
我有一个显示此问题的测试设置:https ://github.com/purtuga/webpack-bundle-test
希望有人(比我聪明:))可以帮助确定我做错了什么。
/保罗
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'
同样的效果。我正在尝试做这样的事情,但更简单。