14得票1回答
如何在Webpack构建过程中分析耗时部分

我有一个由vue-cli创建的小型VUE项目,包含25个条目。 在开发过程中,当HMR打开时,重建时间现在约为10秒。 我使用--profile --progress来启动webpack-dev-server,输出如下:webpack: Compiling... 308ms buildin...

13得票2回答
当我在Chrome DevTools中使用Webpack HMR更改样式时,页面样式会中断。

我有一个奇怪的问题: 我正在使用Webpack(带有Vue-CLI)+ HMR。当我尝试在DevTools中更改样式时,我的页面本身会更改样式-它会删除其中一些样式(如下图所示)。 我知道问题在于Hot Reload Webpack中,因为某些Vue组件样式保留,而有些则被删除。因此,我无...

13得票6回答
在webpack的观察模式下,有没有一种方法可以在屏幕上显示webpack上次更新构建的时间戳?

有时我在运行 webpack 的 watch 模式并编辑源文件时,不确定 webpack 是否已经打包了我的更改。 是否有一种方法可以在每次 webpack 更新 bundle 时在控制台上打印时间戳?

12得票2回答
如何为React Css Modules启用sourcemaps?

我正在尝试使用 react-css-modules、webpack 和 Hot Module Replacement 来设置 React 项目。一切都很顺利,但我无法使 CSS 的源映射正常工作。 我遵循了这篇教程来实现 HMR。它涉及到一个 BrowserSync 环境设置,在 Webpa...

11得票5回答
从项目文件夹外部导入可导入的模块,以供 webpack HMR Vue.js 使用。

我的项目结构如下: . +-- Common | +-- MyCommonVueComponent.Vue +-- MainProject | +-- webpack.config.js | +-- package.json | +-- node_modules | +-...

11得票3回答
热模块替换 - 更新但不重新渲染

我正在运行一个 Express 服务器,作为我的 React 应用程序的 API,而该应用程序由 webpack-dev-server 打包和提供服务。 我正在尝试使热模块替换工作,几乎成功了,但当我更改文件时,控制台会显示以下内容: 然而,除非手动刷新,否则应用程序不会重新渲染。不确...

11得票1回答
如何在本地导入上下文中包装的模块中进行热重载?

我有一个函数在文件@/lang/index.js中:async function fetchMessages(locale) { const module = await import(/* webpackChunkName: "lang/[request]", webpa...

10得票5回答
没有使用Webpack,如何为本地ES模块(浏览器或Node.js)实现热模块替换?不需要构建工具。

我想要将HMR添加到纯Node.js代码或使用原生ES模块编写的浏览器代码中。 没有Babel,没有Webpack,没有转译,只有普通的JS文件和ES模块import和export调用。 我们能在纯Node或浏览器中使用HMR吗?

9得票3回答
index.html使用webpack-dev-server不重新加载

当我在运行webpack-dev-server时更改app.js和main.css文件,打包会更新。 但是当我更改index.html文件时,内容不会刷新;如果我在HTML中添加一行,webpack-dev-server不会刷新页面上的任何内容。 这里是我的webpack.config.js和...

9得票1回答
如何在Nx monorepo中的NestJS项目中设置Webpack的HMR?

我正在尝试在Nx monorepo中的nestjs应用程序中启用Webpack HMR。 包含nestjs应用程序的nx工作区可以在此处找到。 它是按照官方文档创建的。 Nestjs webpack HMR文档在这里 我已经成功地按照上述文档在不使用nx monorepo的nestjs应...