27得票7回答
为什么React Webpack生产构建显示空白页面?

我正在构建一个React应用程序,目前webpack-dev-server运行正常(hello world文本显示出来了),但是webpack -p却显示空白页面。在生产环境下,Chrome开发工具的网络选项卡显示index.html和index_bundle.js的大小为0 B(见图片),但...

9得票2回答
NPM包:最佳实践和暴露多个导入路径

我创建了一个使用Webpack和Babel进行转译/打包的NPM包。 在我的`package.json`文件中,我将主文件设置为`"main": "build/index.js"`。在我的Webpack配置中,我将入口设置为`entry: { app: './src/index.js' }`...

30得票3回答
如何使Webpack接受可选链(Optional Chaining)而无需使用Babel

场景: 我们正在使用webpack 4从我们的Javascript源代码创建捆绑包。 我们不使用Babel,因为我们只为单个平台(最新的Chrome)编写,并且我们仅使用直接可用于Chrome的功能,因此不需要转码。 这样做的好处是较小的捆绑包和在开发过程中更快的反应时间。 现在我们...

28得票3回答
Webpack:优化.splitChunks.chunks选项中的“all”和“initial”有什么区别?

我正在寻找Webpack中这两个选项之间差异的清晰解释。我已经阅读了这里的描述,但是差异不清楚。引用该描述: 将optimization.splitChunks.chunks选项设置为"all",初始块将受到影响(即使没有动态导入)。这样,代码块甚至可以在入口点和按需加载之间共享。

8得票3回答
使用不符合API架构的选项对象初始化了开发服务器。未知属性'publicPath'。

我正在使用以下版本的webpack:5.71.0, webpack-cli:4.9.2, webpack-dev-server:4.8.1。 在我的webpack.config.js文件中。 const path = require('path'); const webpack = req...

17得票3回答
Webpack,新的代码块加载路径错误。

我正在尝试对我的应用程序进行分块处理 - 试图遵循webpack的指南(https://webpack.github.io/docs/code-splitting.html)。因此,我为我的应用程序设置了一个单独的块,并且我可以看到webpack正在生成build文件夹中的1.bundle.j...

9得票6回答
Angular-cli Webpack第三方CSS文件

我刚刚升级到angular-cli 1.0.0-beta.11-webpack.2。有很多烦人的问题,但我面临的最大问题是外部css文件(也许我也会遇到js文件的问题)。 我的项目中使用了Angular2 material,menu component需要overlay.css。当我将它包含...

7得票1回答
文件加载器更改了图像文件的文件名,但没有更改HTML文件中的文件名。

我需要使用webpack加载ico和svg文件。但是,文件名被转换为哈希数字,因此HTML文件无法找到这些资源并生成404错误。 我需要加载器对资源文件名进行哈希处理,并同时在HTML文件中将文件名更改为哈希名称。我该如何做到这一点? 以下是用于显示一个SVG和一个图标的HTML代码。...

11得票2回答
错误:加载块0失败。- webpack尝试加载0.js。

我有以下项目结构:|-mainFile.js |-scripts - |-Library1.js |-Library2.js 库文件使用 requirejs define([], function() {}) 语法。因此,我将其放入 webpack.co...

25得票1回答
React-Bootstrap 如何使用 Webpack

我正在尝试在 webpack 中使用 react-bootstrap。我能够在页面上获取 bootstrap 的 <Button>,但没有样式附加?我已经安装了: "devDependencies": { "babel-core": "^5.1.11", "bab...