您好，有没有一种方法可以让 webpack devserver 在关闭终端后保持运行。
“脚本”：{
"dev-server": "npm run templates && webpack-dev-server -d --https --port 28443",
}
当我运行 npm run dev-server 时，它会启动，但在关闭终端后，webpack devserver 也会关闭，有什么方法可以让它与 pm2 或任何其他方法一起运行。
我正在尝试设置一个项目，但在保存项目时似乎无法刷新 webpack。
它似乎根本没有重新编译bundle.js，我已经重新运行脚本以查看目前跟踪的任何更改。
下面是我的 webpack 配置和 package.json 文件的脚本部分。
webpack.config.js
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require('path');
module.exports = {
entry: "./src/index.js",
mode: "none",
output: {
path: path.resolve(__dirname, './dist'),
filename: 'bundle.js'
},
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
loader: "babel-loader"
},
{
test:/\.(s*)css$/,
use:[
'style-loader?sourceMap',
'css-loader?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]',
'sass-loader'
]
},
{
test: /\.(png|jpg)$/,
loader: 'url-loader?limit=8192&name=images/[name].[ext]',
}
],
},
plugins: [
new HtmlWebpackPlugin({
template: "./src/templates/index.html"
})
]
};
从 package.json 运行的脚本
"scripts": {
"build": "webpack", …我已按照文档中的步骤操作：
\n\nhttps://docs.nestjs.com/techniques/hot-reload
\n\n我正在运行此命令：npm run webpack但它关闭了，它返回了提示，并且不会继续监视文件：
gabriel@roraima-tv:/var/www/studying/tera-ping-pong$ npm run webpack\n\n > tera-ping-pong@0.0.0 webpack /var/www/studying/tera-ping-pong\n > webpack --config webpack.config.js\n\n\n webpack is watching the files\xe2\x80\xa6\n\n Hash: 6e13d56ba7d77331e5c2\n Version: webpack 4.23.1\n Time: 3014ms\n Built at: 11/01/2018 1:39:11 PM\n Asset Size Chunks Chunk Names\n dist/app.controller.d.ts 177 bytes [emitted] \n dist/app.module.d.ts 35 bytes [emitted] \n dist/app.service.d.ts 56 bytes [emitted] \n dist/main.d.ts 11 bytes [emitted] \n dist/main.hmr.d.ts 11 bytes [emitted] \n server.js 39 KiB main [emitted] main\n Entrypoint main = server.js\n [0] …对于webpack 的监视功能，watchOptions.ignored允许我指定要忽略的任何匹配模式，如下所示：
module.exports = {
//...
watchOptions: {
ignored: ['files/**/*.js', 'node_modules']
}
};
是否可以使用任何匹配或正则表达式模式来指定不忽略的子node_modules文件夹？
在这种情况下，我需要忽略除以“”开头的所有子文件夹node_modules 之外的所有内容。node_modulesabc-
我正在努力追随
如何在 WebAssembly 中从 Rust 返回字符串（或类似的字符串）？
它允许访问 wasm 模块内的字符串数据。
我曾经wasm-pack build构建过 RUST 模块，我可以访问导出的方法，但不能直接访问内存。
webpack 生成的 JavScript 有一个方法可以让我读取字符串
function getStringFromWasm(ptr, len) {
return cachedTextDecoder.decode(getUint8Memory().subarray(ptr, ptr + len));
}
但如果我将这个生成的 .js 文件破解为
export function getStringFromWasm(ptr, len)
我可以访问 RUST 代码返回的字符串。
如何配置 webpack 代码生成器以提供类似的访问权限，或者以其他方式公开模块的exports.memory？
Webpack 似乎没有给我模块本身的处理。.wasm我找不到加载webpack 生成的文件的方法WebAssembly.instantiateStreaming()，因为它似乎依赖于其他生成的文件。
我基本上试图将poc我的主应用程序的某些部分提取到一个单独的包中。我已经在我的 git repo myapp-poc-ui中构建了一个示例单独包。
现在我正在尝试在我的main application.
package.json :
"dependencies": {
"myapp-poc-ui": "git+https://github.com/prabhatmishra33/myapp-poc-ui#master",
"react": "^16.10.1",
"react-dom": "^16.10.1",
"react-scripts": "3.2.0"
},
我通过以下方式访问主应用程序中的导出模块：
import React from 'react';
import './App.css';
import { HelloWorld } from "myapp-poc-ui";
import { LazyComponent } from "myapp-poc-ui";
function App() {
return (
<div>
<HelloWorld />
<LazyComponent />
</div>
);
}
export default App;
问题：我的浏览器遇到问题
Uncaught SyntaxError: Unexpected token '<'
Uncaught (in promise) ChunkLoadError: Loading chunk 1 failed.
Hello World已正确加载，但加载LazyComponent.
webpack config file …
git-submodules reactjs webpack webpack-dev-server react-loadable
我正在按照官方webpack 教程来设置 webpack 开发服务器。这是我的 webpack 配置：
\n\nconst path = require(\'path\');\nconst HtmlWebpackPlugin = require(\'html-webpack-plugin\');\nconst { CleanWebpackPlugin } = require(\'clean-webpack-plugin\');\n\nmodule.exports = {\n mode: \'development\',\n entry: {\n app: \'./src/index.js\',\n print: \'./src/print.js\',\n },\n devtool: \'inline-source-map\',\n devServer: {\n contentBase: \'./dist\',\n // port: 8081 // <-- uncommenting this line gets rid of the error\n },\n plugins: [\n new CleanWebpackPlugin(),\n new HtmlWebpackPlugin({\n title: \'Output Management\',\n })\n ],\n output: {\n filename: \'[name].bundle.js\',\n path: path.resolve(__dirname, \'dist\'),\n },\n}\n然而，当我尝试运行服务器时，我遇到了一个奇怪的问题。代码根据 webpack 输出正确编译，但是当 URL 尝试在 Chrome/Safari 中打开时，我得到“This site …
我已经弹出了反应脚本，并且我的 setupProxy.js 中有以下内容。
module.exports = function(app) {
app.use(
proxy({
changeOrigin: true,
logLevel: "debug",
onProxyReq: function onProxyReq(proxyReq, req, res) {
console.log(
chalk.red(
'Request'
)
);
},
onError(err, req, res) {
console.log(err);
},
secure: false,
target: "http://www.google.com"
})
我希望上面的内容能够代理，并记录从反应应用程序发出的每个请求，但事实并非如此。我需要在 Webpack 中添加配置吗？谢谢
我试图在启动和重新启动时使用 nodemon 执行两个不同的脚本。问题在于，每当检测到文件发生更改时， nodemon 都会调用start和事件。restart
那么如何在启动和重新启动时执行两个不同的脚本。我这样做的目的是因为每当 nodemon 检测到文件中的任何更改时，它都会重新启动webpack-dev-server并在浏览器中打开一个新选项卡，而不是重用现有选项卡。
包.json
"start": "nodemon --watch app.js",
Nodemon.json
{
"events": {
"start": "webpack-dev-server --config=webpack.dev.config.js --open",
"restart": "webpack-dev-server --config=webpack.dev.config.js"
}
}
webpack.dev.config.js
.
.
devServer: {
contentBase: "src",
compress: true,
stats: "minimal",
}
我安装了 chrome 扩展的调试器。我使用运行我的应用程序
webpack-dev-server -d --config webpack.dev.js --inline
我正在运行一个 React 应用程序，所有源代码都位于 /src 文件夹下。我有 js、ts 和 tsx 文件。当我在渲染函数上放置断点时，编辑器会正确中断执行，但是当我在按钮的 onClick 事件上放置断点时，它不会中断，它只是继续执行代码。
我的 webpack 配置的相关部分如下：
mode: 'development',
devtool: 'source-map',
entry: {
bundle: [
'@babel/polyfill',
'react-hot-loader/patch',
`webpack-dev-server/client?http://${host}:${devPort}`,
'webpack/hot/only-dev-server',
path.resolve(__dirname, 'src/index.js'),
],
},
output: {
path: path.resolve(__dirname, 'public'),
publicPath: '/',
filename: '[name].[hash:16].js',
chunkFilename: '[id].[hash:16].js',
},
devServer: {
inline: true,
port: devPort,
contentBase: path.resolve(__dirname, 'public'),
hot: true,
writeToDisk: true,
publicPath: '/',
historyApiFallback: true,
host,
}
我的 launch.json 如下：
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome", …reactjs webpack webpack-dev-server visual-studio-code vscode-debugger