为什么我要重新加载页面，以便在运行服务器时显示脚本？(大口/Webpack/React)
重新加载页面是为了在运行服务器时更新并显示最新的脚本。当我们在开发过程中修改了前端代码或者后端代码，为了使这些修改生效，我们需要重新加载页面。
在运行服务器时，服务器会将前端代码和后端代码发送给客户端浏览器。浏览器会解析并执行这些代码，以呈现网页内容。如果我们在运行服务器时修改了脚本，浏览器并不会自动更新已经加载的脚本，而是继续使用之前加载的版本。这就导致了前端代码和后端代码不一致，可能会出现错误或者不符合预期的行为。
为了解决这个问题，我们需要重新加载页面。重新加载页面会使浏览器重新向服务器请求最新的代码，并重新解析和执行这些代码。这样就可以确保前端代码和后端代码的一致性，保证网页的正常运行。
在使用大口、Webpack和React等工具时，它们可以帮助我们自动监测代码的变化，并在代码发生变化时自动重新加载页面。这样我们就不需要手动刷新页面了，提高了开发效率。
推荐的腾讯云相关产品和产品介绍链接地址：
相关·内容
1回答
我面临着一个我不知道如何解决的问题。我有一个项目，我使用React和Redux作为前端，Springboot作为后端。
前端：http://localhost:8080
后端：http://localhost:8090
Webpack版本：
"webpack": "^4.17.2",
"webpack-cli": "^3.0.7",
"webpack-dev-server": "^3.1.7"
这是我的webpack.config.js
const webpack = require('we
浏览 0提问于2018-09-04得票数 0
1回答
我知道这个标题没什么意义。但请容忍我。
我正在为一个遗留的Rails应用程序设置React，它使用的是好的、旧的静态ERB。由于规模的原因，我不得不慢慢地转向SPA，这意味着在页面上交换组件。
我目前的设置是使用webpack编译一个包文件，输出到资产目录。然后，只需在页面上加载该包文件，依赖于资产管道进行缓存(这不是概念，而是足够开始)。在有响应组件的页面上，我将有一个<div>来附加某个组件。例如：
<body>
<div>some other erb, html stuffs</div>
<div>more other
浏览 1提问于2017-06-02得票数 2
页面会正确加载，甚至会记录到客户端控制台[WDS] Hot module replacement enabled。但是，当我对文件进行更改时，页面上不会有任何反映。即使在重新加载时也是如此。仅当重新启动服务器时。
我不确定这是否重要，但我正在使用redux。
webpack.config.js
var precss = require('precss');
var autoprefixer = require('autoprefixer');
var webpack = require('webpack');
var HtmlWebpackPlu
浏览 2提问于2016-07-15得票数 0
在我的远程服务器(Ubuntu14.04 x64)上，每当我试图丑化我的包时，这个进程就会返回“simply”。当我不丑化的时候，一切都很好。
有人碰到过这个吗？当我在本地Mac上做这件事时，它很好(尽管我刚刚测试了它，花了1.4分钟)。
这是我的webpack.config：
var webpack = require('webpack');
function makeConfig(opts) {
var config = {
entry: {
app: ['./public/scripts/main.js'
浏览 1提问于2015-06-10得票数 18
回答已采纳
我有一个React / Typescript / Webpack / React-Router应用程序，其中包含一些相当大的JS模块。我目前在每个页面上包含2个捆绑包(common.js和app.js)。common.js是一个CommonsChunkPlugin捆绑包。
然而，在common.js中有相当多的代码只在站点的很少的页面上是必要的，我不想从服务器加载或导入它们，除非它们是必要的。我可以准确地指定哪些页面需要这些库。
我已经使用webpack成功地将“大”库拆分到它们自己的包(big.js)中，但我不知道如何有条件地包含它，以便它只在我请求时才加载。似乎我必须以某种方式有条件地将其
浏览 2提问于2017-10-10得票数 0
3回答
我正在使用npm+webpack来管理一个反作用web应用程序。我想为国家预防机制定义几个命令，以便运行一些webpack的命令。下面是我在package.json文件中定义的两个命令脚本。
"scripts": {
"start": "webpack-dev-server --host 0.0.0.0",
"build": "NODE_ENV=production webpack --config ./webpack.config.js --progress --profile --colors"
},
如您所见
浏览 2提问于2016-08-10得票数 2
回答已采纳
1回答
在我们的旧.jsp应用程序中，我们正在集成react。
我的react服务器正在和上的现有应用程序上运行。
我将所有必要的js & CSS文件都包含到JSP页面中。效果很好。
当我在使用延迟加载的时候，对于ex：
import('some-file.js').then(file => {
// Some work
});
在这种情况下，Webpack试图从本地主机加载块:8100而不是Dev服务器。
我正在使用react脚本进行开发和构建。
浏览 1提问于2020-05-09得票数 1
1回答
我对laravel是个新手，之前我主要是在用node.js。
我们在一个新项目中使用了react和laravel。当我看到这个文件的时候，我很困惑
为什么在gulpfile.js中使用长生不老药？我想我们可以像这样大口大口地喝
gulp.task('watch', function() {
browserSync({
proxy: 'localhost:8000',
middleware: [
webpackDevMiddleware(bundler, {
publicPath: we
浏览 0提问于2017-02-10得票数 1
我对webpack的人力资源管理有意见。我正在使用hapi.js服务器来启动webpack。Webpack编译了所有的文件(我的应用程序是多条目的)。应用程序使用的是最新的React 15.6。当我对一些React组件进行更改时，webpack开始重新构建过程。
该过程完成后，我将在浏览器控制台中看到日志
ui/pages/Login/index.js ->这是我进行更改的文件
当我在我的Chrome浏览器中打开DevTools的网络选项卡时，我看到了更新
但是视图不会更新。我还使用了react-hot- loader /webpack作为加载器。刷新页面后，我会看到更改/更新。我的
浏览 0提问于2017-08-23得票数 0
1回答
给定以下场景，如何在项目中使用React/Preact组件：
主/头内容使用Django (或静态html)模板生成
我想要使用React生成侧边栏和页脚组件，这取决于它所处的页面。
我认为下面的方法是可行的，但我不知道如何按以下方式拆分或加载这些包：
在每个页面上加载React/React dom包
在需要时按需加载特定于页面的包
我如何使用webpack捆绑单个组件，以便在静态html页面中使用，并在需要时显示它们？我该如何配置webpack呢？
浏览 2提问于2017-01-26得票数 2
我有一个coffeescript项目，一开始是大口大口、卷起和巴别塔的混合体。 我已经将它转换为使用咖啡加载器在webpack下构建，效果真的很好。 然而..。如何让我的咖啡/摩卡测试在webpack的指导下顺利运行？mocha-loader文档非常简洁。我想让*.test.coffee加载、编译-> es6并将其作为测试套件运行是非常简单的。 但这并不明显--不管怎样，对我来说。 感谢你的帮助。
浏览 11提问于2019-06-30得票数 0
我试图在子目录(public)中运行webpack dev服务器，这样我就可以将其集成到现有的站点中。
当我使用npm run start从子目录运行它时，无论是热重新加载还是编译工作，但是当我在没有--content-base或devServer.publicPath的根目录下运行它们时，都可以正常工作。
文件夹结构-
|- App/
|- node-modules/
|- public/
|- react/
|- main.js
|- index.html
|- shared/
|- reac
浏览 0提问于2017-05-19得票数 2
我有一个反应项目，我正在使用Webpack (webpack-dev服务器)作为我的开发.
所有的东西都编译得很好，当我对我的文件进行修改时(这是第一次)，活的重新加载工作得很好。
但是，在更改同一文件两次(或更多)后，活动的重新加载将停止工作。在控制台上写着“没有什么改变”，即使我做了一个改变。
看起来webpack开发服务器的内存并没有带来变化。知道为什么吗？
Webpack Config
const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin"
浏览 4提问于2021-12-15得票数 1
回答已采纳
2回答
我使用react-loadable动态加载JS模块。我还使用服务器端呈现，这是为react-loadable设置和工作.然而，在客户端，似乎出现了一个问题，因为当我加载页面时，控制台中会出现一个警告：
Warning: Text content did not match. Server: "Choose a name and enter passwordNamePasswordLogin" Client: "Loading..."
我在客户端使用preloadReady，这将防止此错误。
我的index.jsx看起来是这样的：
import { preload
浏览 0提问于2018-09-27得票数 3
回答已采纳
2回答
我正在尝试构建一个符合我需求的react应用启动程序。我已经阅读，下载，测试了无数的react模板，试图理解如何添加SSR，但我现在有点卡住了。
到目前为止，我已经使用热重新加载运行了React。4岁的Webpack捆绑了客户端代码。我使用一个代理和webpack-dev-server (WDS)来为我的后端express api提供服务，以及为我的客户端开发提供服务。当我更新应用程序客户端代码时，WDS热重新加载发生变化。express服务器不会以这种方式重新启动。我使用nodemon来监视服务器的变化，以便在编写api特性时仅重新启动后端。
对于生产环境，我只需将服务器和客户机构建到di
浏览 4提问于2018-07-03得票数 1
我正在创建一个网站(PWA)，这是完全可用的离线。为了演示的目的，比如说，我正在开发。
当我离线时，我对Redux状态做了一些更改(添加一个新的注释)，我希望在页面重新加载之后这个新的便笺出现在那里。
问题是，Service返回缓存的原始响应(它是如何在服务器上生成的)，它不包含新添加的注释。
问题：如何使用新的Redux状态更新服务工作人员，以便在脱机时显示在页面重新加载后新添加的注释？
Devstack：Webpack，React，Redux。我使用来生成服务工作者。
条件：由于SEO的原因，我希望继续使用带有内容的服务器呈现，所以我不会只从服务器返回。
浏览 3提问于2017-01-11得票数 0
我来自javascript/react/react路由器/webpack的背景，一个clojurescript/om环境。
使用webpack &react路由器，可以拆分我的代码，并且只加载所需的javascript。例如，在/login上，我只加载显示登录页面所需的js，其他所有内容都将被忽略。
我如何与完形记录/密语相同？显然，可以将代码拆分为多个文件：
问题是如何只加载呈现当前页面所需的代码:例如，/login .使用webpack，我会手动编写require.ensure来异步加载必要的javascript来呈现特定的页面。React路由器很好地支持这一点。在clojures
浏览 0提问于2016-01-04得票数 2
回答已采纳
我非常松散地跟踪示例，直到它开始运行dev服务器为止。
我有一个测试反应组件(在script/test.jsx中)：
/** @jsx React.DOM */
var React = require('react');
var Test = React.createClass({
render: function(){
return <h1>HI!</h1>
}
});
module.exports = Test;
我有一个webpack.config，在这里，我对源目录使用jsx加载器(除了添加之外，它基本上与中
浏览 0提问于2014-08-05得票数 5
回答已采纳
我试着更新我的webpack+js+ react HelloWorld(运行良好)，通过跟随来使用类型记录，但是我的编辑找不到react模块(这个模块在package.json中定义，我运行了"npm“)。所以加载了bundle.js文件，不应该将类型记录编译到该文件中吗？
src/index.tsx：
import * as React from "react";
import { render } from "react-dom";
const App = () => (<div>Hello React with Typescri
浏览 0提问于2018-02-15得票数 1
回答已采纳
编辑:我错了。我用的是咽喉、WEBPACK和巴别塔，请看我的答案。
我刚刚开始学习React。基本上，我看过的所有教程都使用了Webpack和巴别塔。
Webpack和巴别塔很棒，但是为什么大多数都需要react和react-dom作为模块来打包到webpack包文件中呢？
var React = require('react');
var ReactDOM = require('react-dom');
我们可以加载的cdn文件，而不是让react通过react安装页面底部找到的文件，比webpack输出的react模块要小得多(至少对我和我已经做了推荐的
浏览 1提问于2016-12-17得票数 3
我有一个相当复杂的Django (3.1)站点。在几个页面上，我有一些html/javascript代码供用户添加/编辑/删除评论。该脚本将评论和其他内容打包，并在ajax POST请求中将其发送到服务器，以便可以在数据库中添加/更新/删除评论。然后，该脚本从服务器获得确认，并且当前它重新加载页面，以便在页面底部可以看到新的/编辑/删除的注释。这一切在Chrome和Firefox中都运行得很好。 我的问题是： 让脚本根据ajax响应直接在DOM中添加/编辑/删除评论html是不是更好的做法，而不是仅仅使用更新后的数据重新加载页面？为什么或者为什么不？ 谢谢! 标记
浏览 15提问于2021-06-23得票数 0
我刚刚学会了反应最近，并打算使用它在我的下一个项目。我见过几次react服务器端渲染，但奇怪的是，为什么我们仍然需要它在“现代时代”。
在这个中，它认为使用服务器端呈现，用户不必等待从CDN或其他地方加载那些js来查看初始静态页面，并且当js到达时页面将恢复功能。
但是在使用webpack的生产配置和gzip构建之后，整个包(使用react、我的代码和很多其他东西)只需要40 it，而且我有aws CDN。我不太明白在我的情况下使用服务器端呈现的原因。
那么问题是，如果产生的javascript包在gzip之后如此微小，人们为什么仍然使用服务器端呈现呢？
浏览 9提问于2015-11-26得票数 8
回答已采纳
在我将html文件与webpack (dist文件夹)捆绑后，电子渲染器不会加载html文件，包括脚本。图片：我确信我加载了正确的文件，因为如果我删除html-webpack-plugin放在编译的'index.html‘中的脚本标记，它就会被加载。
我在webpack开发服务器上也尝试了同样的方法，根据设置的不同，结果也不同。
我首先运行webpack-dev服务器，在它启动后，我从另一个bash实例(一个新的GIT窗口或cmd窗口)启动电子。结果总是一个空窗口，就像在前面的图像中一样。
如果我从相同的bash实例运行webpack-dev服务器和电子，如下所示：
浏览 0提问于2019-05-06得票数 0
回答已采纳
我使用Django来提供HTML文件，其中一个里面有一个react应用程序。应用程序太大了，我想实现代码拆分。这对于使用webpack来说非常简单，我使用它可以将应用程序拆分成更小的文件。我可以在HTML模板中按顺序加载脚本，但这不是意味着每次提供HTML页面时都会加载一个脚本吗？
webpack的代码拆分实际上是如何确定从服务器请求哪些文件，仅在用户需要它们的时间点？
另外，有谁知道如何在Django中以这种方式正确地反应代码拆分？
浏览 4提问于2021-05-07得票数 1
1回答
我使用的是延迟加载Webpack 2.2.0的服务器端渲染，使用的是import()方法，而服务器端只使用babel-plugin-transform-ensure-ignore，除了一件事外，所有东西都运行正常，工作正常。当页面加载时，我可以看到服务器端呈现，但是当webpack调用我的动态组件时，所有页面都会再次呈现，这对于用户来说是可见的。我需要知道如何处理这些问题。当我看到它的时候，我的第一句话是
<div data-reactroot="" data-reactid="1" data-react-checksum="-1269702275
浏览 3提问于2017-02-23得票数 2
回答已采纳
我有一个新的网站，这不是一个单页面的应用程序，而是一个服务器渲染的网站(asp.net使用Umbraco )。我曾经在我的网站中使用Angular 1.x，这很容易，因为你只需要用脚本标签加载它，代码就不需要编译了。
我最近一直在SPA中使用React，从create-react-app开始，它为你照顾了webpack，巴别塔等，并产生了一个单独的包。然而，我想在网站上的几个地方使用React，比如主标题/菜单，联系人表单等，所以产生多个包是有意义的，尽管这些包可能共享导入(Moment.js，Formik等)。
React网站上有一些说明，展示了如何包含单个脚本并将其附加到网站中的元素，但没
浏览 7提问于2018-12-13得票数 6
1回答
我搜索了很多，但没有找到我的问题的任何答案，所以我在这里：
我试着和webpack合并一个大口的工作流程。它是这样的：-大口大口地看html的变化-- webpack处理css和js的一部分--所有这些都是由代理'‘中的浏览器同步(使用webpack-dev-中间件)提供的。
因此，当browsersync创建他的服务器时，一切都运行得很好。但是如果我尝试通过代理，webpack-开发-中间件不能提供捆绑服务。
webpack.config.dev.js
module.exports = merge(webpackConfig, {
entry: [
path
浏览 0提问于2018-09-26得票数 1
1回答
Webpack图像工作流
、、、
我来自一个大口大口的背景，我希望和webpack一起缩小图像。
通常，我会有一个包含原始图像的src文件夹，它会被缩小到一个包含所有缩小图像的dist文件夹。这就是我学会了用吞咽来缩小图像的方法。
在使用webpack时，我遇到了这样的情况：
在使用这个的时候，webpack只是在现场加载图像并进行缩影，还是我说错了？我没有看到任何输出选项，所以我有点困惑。
我希望有一个类似于gulp的设置，最终我有一个原始图像的文件夹和一个缩小图像的文件夹。
我认为我可以和webpack一起维护这个工作流程，这是错误的吗？
浏览 5提问于2017-02-02得票数 0
回答已采纳
似乎在菲尼克斯1.5中，对React组件的热重新加载不能与Webpack一起工作。我创建了这个示例应用程序来说明我遇到的问题：
对./assets/js/react/App.js的更改不会自动重新加载。刷新页面也不会反映更改。我必须重新启动Phoenix服务器才能显示更改。
我可以编辑其他文件，如模板文件(*.html.eex)，它们可以正常重新加载。然而，有趣的是，即使当其他文件重新加载时，React组件仍然不会更新。
有什么想法可以让热重载与React组件一起工作吗？
PS。松散地遵循本教程在Phoenix 1.5项目中设置React：
浏览 9提问于2021-05-14得票数 0
回答已采纳
3回答
问题:当使用"npm运行“在本地运行我的应用程序时，会得到一个没有错误日志的白色页面。
框架/程序使用
反应15.6.2
NodeJs 8.11.3
webpack 1.15.0
babel 6.26.0
Git 2.18
OS Windows 10
我尝试删除所有节点模块和包-lock.json，我还尝试将webpack的版本更新为
有一件事我注意到，虽然我没有看到任何东西被加载，如果我改变一个组件，我得到消息：“以下模块不能热更新：(完全重新加载所需)
我试着更新热装载机，但这也不起作用，有人知道怎么回事吗？
更新这里是webpack服务器的配置：
co
浏览 0提问于2018-08-15得票数 1
回答已采纳
可以通过使用动态导入(例如，import('./ModuleA.js');)，现在如果动态区块加载失败，那么我想重新尝试从其他位置加载它们。在思考了很多问题并探索了babel和webpack之后，我写了一个babel插件，它将catch子句附加到每个动态导入和内部catches子句中，我尝试从其他位置加载块(例如。如果第一个块无法从CDN加载，那么我将尝试在catch子句中从服务器加载它)。 要从服务器加载块，我将__webpack_public_path__更改为服务器域，然后调用__webpack_chunk_load__(chunkId); ，只要动态导入拒绝，chun
浏览 25提问于2019-06-26得票数 1
1回答
我正在尝试预加载/预取一个图像，这样我就不必在准确的时刻连接到互联网上来显示图像。这是我的应用程序中的一个“你离线”页面。
我的应用程序是用React写的，我用webpack做我的包。
我在网上读到webpack的神奇评论功能也许能做到这一点。
这对我没用。
我试图预加载/预取的图像没有显示，也没有添加到DOM中的<link rel标记。
在这里签出演示存储库：
package.json：
"devDependencies": {
"@babel/core": "^7.19.6",
"@babel/preset-
浏览 2提问于2022-10-21得票数 0
我正在使用webpack开发一个React应用程序。对于我的一个页面(使用react-router，因此从技术上讲它是一个组件)，我需要加载两个自定义脚本。然而，我一直收到nosniff错误，说这两个脚本都由于不重叠的MIME类型而被阻止。我记得当我在express中创建应用程序时偶然发现了这个问题，它可以通过让express服务器使用这些目录来解决，如下所示：
app.use('/models', express.static(__dirname + '/models'))
app.use('/src', express.static(__
浏览 0提问于2020-06-09得票数 0
我有两个应用程序，都是使用webpack的。每个应用程序需要不同的javascript模块。例如，app1不使用react，app2使用react。我正在尝试将webpack模块从app2添加到app1中。我使用CommonsChunkPlugin从app1和app2s主文件中提取webpack运行时。因此，在app1中，我有一个包含init.js脚本、app1.js脚本的页面，然后我通过url包含了app2.js文件(即通过代理的http://proxy/app2/js/app2.js，这样就不会出现跨站点问题)。
来自app2的javascript已经加载，但看起来并不像是实际加载了web
浏览 0提问于2015-10-17得票数 1
回答已采纳
1回答
重装时的路由分配错误
、、、、
因此，我有路由工作与redux，但我有一个问题，重新加载在其中一个路线。
app.js：
import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, IndexRoute } from 'react-router';
import { Provider } from 'react-redux';
import store , { history } from './store';
import Conne
浏览 3提问于2016-06-16得票数 1
回答已采纳
我能够传输jsx代码，但在浏览器中它没有加载任何东西。我也在用巴贝尔和webpack。
app.jsx
const ReactDom = require('react-dom');
const React = require('react');
ReactDOM.render(
<h1>Hello World</h1>,
document.getElementById("root")
);
index.html
<html>
<head>
</he
浏览 2提问于2018-01-17得票数 0
回答已采纳
1回答
我使用webpack和类型记录和babel来管理我的客户端web应用程序。
我想要一个第三方脚本的vendor.js文件，一个main.js文件，以及我可以根据需要加载的每个页面的脚本，以便为页面提供特定的功能。
所有脚本都像我预期的那样编译，但实际上只有vendor.js文件被调用。其他的被编译，但从未被调用。
下面是我的webpack.config.js文件。
'use strict';
let webpack = require('webpack');
module.exports = {
entry: {
main: './ass
浏览 3提问于2016-04-12得票数 2
回答已采纳
1回答
我有一个制作中的网站，Chrome开发工具说：
此页面使用的是无限制的React构建。
在我的构建过程中，webpack配置正在运行production标志on。我的设计是：
plugins: [
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: JSON.stringify('production')
}
}),
new webpack.optimize.OccurrenceOrderPlugin(),
new webpack.optimize.Ugl
浏览 4提问于2017-08-27得票数 2
回答已采纳
我开始迁移webpack 2.2，我在这里面临的问题是配置webpack-dev-server，我的构建脚本是
"build": "webpack -d && cp src/index.html dist/index.html && webpack-dev-server --content-base src/"
降至误差以下
ERROR in multi (webpack)-dev-server/client?http://localhost:8080 ./src/app/index.js content-base ./src
浏览 2提问于2017-03-11得票数 2
1回答
为什么前端框架使用服务器运行
、、、、
当你写的所有代码都在客户机上运行时，你为什么要把你的React/Vue/Angular应用程序(在开发时)放在服务器上呢？我在一些帖子中读到，这是因为webpack，但webpack只是创建了一个仍然在客户端运行的bundle.js文件(作为脚本标记附加在index.html文件上)。我的意思是，react应用程序需要什么，而这些需求只能在服务器上完成。如果是webpack的热传，你真的需要服务器吗?为什么？
浏览 1提问于2021-04-20得票数 0
我正在将一个项目从Gulp迁移到Webpack 2。这是一个客户端-服务器应用程序(使用express)。我不得不在我的服务器中包含webpack中间件，并添加了以下内容：
app.get('*', function (req, res) {
res.sendFile(path.normalize(`${__dirname}/../client/index.html`));
});
现在，问题是，现在如果在应用程序中单击about，一切工作正常，react路由器加载子页面，所以一切正常。但是，如果我尝试重新加载这些子页面中的任何一个(如localhost:3000/acco
浏览 0提问于2017-06-02得票数 0
我试图在我的创建反应应用程序中进行一些代码分割，利用服务器端呈现。
我正在使用‘react loadable`’来进行代码拆分：
到目前为止，我只是将我的Home.js组件与我的应用程序的其余部分分开，只是为了看看它是否有效。在开发模式(阅读:不是SSR)，它是块和工作良好。
但是，我无法让东西在服务器上工作。我正在遵循他们的吉特布页面上的指南，因为webpack所需要的改变而被困住了。在create-react-app应用程序中，您无法访问webpack，因为它是隐藏的。
启动服务器时收到的错误是：
return (0, _importInspector.report)(import(
浏览 3提问于2017-11-08得票数 1
我有一个rails应用程序，目前正在使用webpack创建一个bundle.js文件，该文件由资产管道拾取。
如果我有一个需要嵌入react组件的页面，那么实际调用React.render的最佳位置是哪里？react-rails gem在这方面做得很好，但是对于webpack，我只有一个entry.js文件。在页面中嵌入<script>标记似乎是错误的(而且也不起作用，因为JSX没有被转换)。让脚本(可能是entry.js)在页面上查找某些占位符，并在页面加载时用react组件替换它们，这是正确的方法吗？
谢谢!
浏览 0提问于2015-08-23得票数 1
1回答
Router 4运行在Rails之上，但是遵循<Link />元素会在我的服务器上触发一个GET请求，并在我的开发环境中触发一个完整的页面重新加载。
下面是我正在运行的当前版本：
"@rails/webpacker": "^3.0.2",
"react": "^16.2.0",
"react-dom": "^16.2.0",
"react-router-dom": "^4.2.2",
"clean-webpack-plugin": "
浏览 1提问于2017-12-23得票数 5
回答已采纳
我正在修改一个非常大的应用程序来做出反应。我有一个在React中处理的表单(与webpack捆绑在一起)。在成功提交表单时，我需要刷新页面上的数据表(这不是由React/Webpack处理的)。我尝试在页面上注册一个侦听器，并通过jQuery在React中触发事件，但该事件没有向lisenter注册。我做错什么了吗？
在webpack插件中(不使用开发服务器)：
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery
浏览 14提问于2016-07-26得票数 1
我是从Webpack和webpack开发服务器插件开始的，我正面临一些困惑.在使用带有--监视和打开标志的npm脚本启动webpack-dev服务器之后，我注意到我无法使用铬devtools控制台访问我的脚本的全局范围中声明的任何变量。
摘录package.json中的npm脚本
"scripts": {
"dev": "webpack --env.mode development",
"live": "webpack-dev-server --env.mode development --watch --
浏览 2提问于2018-10-14得票数 1
我花了很多时间研究这件事，但没有结果。我知道在Webpack中，代码分割和动态绑定是如何使用import承诺API的。
但是，我的用例是，我有两个完全独立的包，分别使用不同的webpack构建来生成。为了给您提供透视图，我正在构建React组件，并且需要将react组件动态加载到已在不同过程中编译的页面中。这有可能有反应吗？我确实控制了webpack的两个构建，所以我可以排除依赖，等等。
更新：--我刚刚介绍了Vue.js，以及它如何允许开发人员注册Vue.js组件，然后在代码中引用它们。我可能会在页面脚本之前加载我的Vue.js组件脚本。我想看看我能不能做出类似的反应。
浏览 1提问于2017-02-24得票数 11
回答已采纳
我有一个反应应用程序与一个相当简单的Webpack设置，我想使用Webpack开发服务器，并启用热重加载。我好像读过解决这个问题的所有答案.
package.json
"dev": "NODE_ENV=dev webpack-dev-server --hot --inline --open --progress --mode development --content-base dist --config webpack.dev.js",
webpack.common.js
devtool: "source-map",
entry: [
浏览 0提问于2018-06-14得票数 0
我正试着与webpack的开发服务器和反应路由器一起运行.我的麻烦在于，我似乎连基本的页面都无法加载--我的主文件看起来如下：
import React from 'react'
import { history } from 'react-router/lib/HashHistory'
import App from './js/app'
React.render(<App history={history} />, document.getElementById('app'));
我有一个标准webpack.c
浏览 1提问于2015-09-02得票数 1
回答已采纳
1回答
我有一个反应+ Webpack +快车设置。React文件由Webpack打包并存储在/dist目录中。在发展模式上，Webpack是在观察模式的背景下运行的。新的更改将在dist目录中更新。Express服务器正在与Webpack进程分开运行。应请求，localhost:3000/服务器向客户端发送dist/index.html文件。
我想启用一个页面重新加载每次Webpack观察者完成编译的反应文件(前端)。到目前为止，我看到的是人们通过webpack重新加载快递服务器，但这并没有更新客户端。
有没有办法(通过快递)热装客户端？Webpack何时重新捆绑前部代码？
webpack.conf
浏览 4提问于2020-06-07得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
