webpack-dev-server和webpack ->输出文件到父目录，webpack-dev-server热重载仍在工作
webpack-dev-server是一个基于webpack的开发服务器，用于在开发过程中提供实时的编译和热重载功能。它可以监听文件的变化并自动重新编译，同时在浏览器中实时更新页面，以提高开发效率。
webpack是一个现代化的前端打包工具，它可以将多个模块打包成一个或多个静态资源文件。通过配置不同的loader和plugin，webpack可以处理各种类型的文件，并且支持代码分割、按需加载、压缩等功能，以优化前端项目的性能。
当使用webpack-dev-server进行开发时，通常会将输出文件存储在内存中而不是实际的文件系统中。这样做的好处是可以加快编译和热重载的速度，同时避免频繁地写入磁盘。因此，无法直接将输出文件保存到父目录。
然而，如果确实需要将输出文件保存到父目录，可以通过配置webpack的output选项来实现。在webpack的配置文件中，可以设置output的path选项为父目录的路径，然后再设置publicPath选项为相对路径或绝对路径，以确保输出文件的引用路径正确。
需要注意的是，将输出文件保存到父目录可能会导致一些安全性和权限问题，因此在实际应用中需要谨慎考虑。另外，如果使用webpack-dev-server进行开发，建议仍然将输出文件保存在内存中，以获得更好的开发体验和性能。
推荐的腾讯云相关产品和产品介绍链接地址：
相关·内容
--/Admin我们有这样的结构，以便无论我们编辑什么文件，都可以用webpack-dev-server热重载，并且只有一个package.json等。在webpack.client.config.js中output: {
filename: "./Scripts/dist/[name].bundle.js&
浏览 14提问于2018-01-16得票数 2
回答已采纳
在将webpack-dev-server从3.11.0升级到4.4.0之后，当我在Webpack配置文件中使用devServer下的"host“选项时，热重加载不再工作。[webpack-dev-server] Hot Module Replacement enabled.
[webpack-dev-server] Live Reloading enabled.[webpack-dev-server] Disconnecte
浏览 4提问于2021-11-09得票数 3
2回答
我有以下webpack配置：var webpack = require('webpack')
entry当我运行命令npm run dev时，它会显示main.js已经发出但是当我查看物理路径时，没有文件--似
浏览 6提问于2017-12-10得票数 15
回答已采纳
在基础层面，尝试用HTML-插件配置webpack，得到2个问题.
"devDependencies": { "webpack": "^3.10.0","
浏览 0提问于2017-12-21得票数 0
回答已采纳
2回答
: [ } }正如在配置文件中指定的，当我使用以下命令运行webpack的开发服务器时，所有需要的源码都将被捆绑到文件./build/bundle.js中。> webpack-dev-server --colors --content-base ./build
它在开始时给出了以下输出</em
浏览 2提问于2015-03-08得票数 6
/mvnw spring-boot: run可以很好地启动应用程序，并且我有一个NPM脚本"watch": "webpack --watch -d"，它运行以下配置 var path = require我可能遗漏了什么，也许spring-boot使用的不是我的bundle.js文件，而是某种副本？
浏览 16提问于2019-04-11得票数 1
当我运行webpack-dev-server时，控制台输出的前三行是：webpack result is served/dist
我对为什么要导航到localhost:8080/webpack-dev-server/感到困惑。在过去，我会发现我的应用程序住在localhost:8080。有什么关系？有和没有/
浏览 1提问于2017-09-17得票数 0
我使用webpack和html-webpack-plugin用生成的脚本包(比如bundle.[hash].js )更新我的index.html文件。然后，我必须运行webpack-dev-server，这样我就可以将该包加载到内存中，并利用热模块替换。
这会使代码编译两次。但是，我希望webpack-dev-server也能够使用新的bundle.同样，我运行webpack的唯一原因是使用包的新散列更新我的index.html文件。
浏览 29提问于2016-06-15得票数 6
2回答
/node_modules/webpack-dev-server/bin/webpack-dev-server.js ..如果您使用Babel，我们建议您从Webpack配置的“加载器”部分全部删除“react热加载器”，并在.babelrc文件的"plugins“部分中添加”react/babel“。如果您不喜欢使用Babel，请将Webpack配置的“加载器”部分中的“react热装载机”或“react热装
浏览 4提问于2017-03-28得票数 2
回答已采纳
16回答
我的文件结构是： css index.html bundle.js css index.htmljsnode_modulespackage.jsonmodule.exportstest: /\.vue$/,
浏览 5提问于2016-08-21得票数 43
回答已采纳
0回答
我和webpack一起创建了一个reactjs应用。一切在本地都运行得很好。只要使用npm start即可。我想用-p命令为prod部署一个简单的包。它给了我一个bundle.js，我附加了它，它也工作得很好。但它仍在寻找作为热重新加载配置的一部分运行的本地服务器。我变热了:假，但它仍然在寻找它。= { entry: [
'webpack-dev-server/client?= require(&#
浏览 40提问于2016-06-30得票数 2
我正在尝试使用webpack-dev-server“热加载”我的jsx组件。这是我使用的命令：当我保存我的jsx代码时，它会有趣地编译，但不会通知我的开发web服务器更新已经发生。我注意到webpack-dev-server使用端口3035，而我的web开发服务器使用端口3000。问一下，当webpack-dev-server编译完成后，会不会打开一个到webserver的socket连接，使其刷新？
浏览 2提问于2020-06-05得票数 2
我试图用webpack作为吞咽和肝脏工作流程的替代品。我已经设置了HotModuleReplacement插件，它为JS文件正确工作，但我无法让它与SCSS文件一起工作。我有一个正在运行的server.js文件：var WebpackDevServer = require('webpack-dev-server
浏览 2提问于2015-05-25得票数 3
回答已采纳
在我的项目中，我使用webpack-dev-server热重新加载我的应用程序，我也使用html-webpack-plugin将javascript文件自动插入到模板文件中，但是当我使用webpack-dev-server时，注入包后的模板文件不会被写入磁盘，而是在内存中。我需要html-webpack-plugin首先将包文件插入模板html，然后将模板写入dist目录。那么如何配置它呢？我使用<
浏览 0提问于2018-03-27得票数 0
回答已采纳
我试图在子目录(public)中运行webpack dev服务器，这样我就可以将其集成到现有的站点中。当我使用npm run start从子目录运行它时，无论是热重新加载还是编译工作，但是当我在没有--content-base或devServer.publicPath的根目录下运行它们时，都可以正常工作": "^2.5.0",
"webpack-dev-server": "
浏览 0提问于2017-05-19得票数 2
我在项目文件夹中运行此命令它返回： └── webpack-dev-server@1.16.2
/usr/lib/node_modules下有/usr/lib/node_modules目录下的webpack</em
浏览 5提问于2017-01-11得票数 1
我正在开发一个使用webpack的React，与一起使用。> webpack-dev-server -d --config webpack.dev.config.js --content-base public/ --progress --colors
sh: webpack-d
浏览 0提问于2015-07-24得票数 131
回答已采纳
我正试图与webpack 2建立肝脏。显然，实现这一点的方法是使HMR。所以，我在配置中做了这个var HtmlWebpackPlugin = require('html-webpack-plugin');
entry: '.webp
浏览 3提问于2017-03-24得票数 2
回答已采纳
我正在尝试使用webpack开发服务器来编译文件并启动一个dev web服务器。在我的package.json中，脚本属性设置为： "dev": "webpack-dev-server --hot --inline",因此，--hot和--inline应该启用and服务器和热重载(据我理解)。在我的webpack.config.js文件中
浏览 11提问于2016-03-16得票数 100
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
