Question

我有一个React应用。弹出后，我得到了webpack的配置文件。我到底在哪里需要为Webpack dev server添加一些配置更改？有两个文件：webpack.config.js和webpackDevServer.config.js。我尝试过：

module.exports = function(proxy, allowedHost) {
  return {
    port:9000,
    disableHostCheck:
      !proxy || process.env.DANGEROUSLY_DISABLE_HOST_CHECK === 'true',
    // Enable gzip compression of generated files.
    compress: true,
     ...

webpackDevServer.config.js和

module.exports = function(webpackEnv) {
  const isEnvDevelopment = webpackEnv === 'development';
  const isEnvProduction = webpackEnv === 'production';
  ...
  return {
    mode: isEnvProduction ? 'production' : isEnvDevelopment && 'development',
    devServer: {
    port: 8008
    }, 
     ...

对于webpack.config.js，但没有作用...

Answer 1

您必须对 package.json 文件进行更改。

 "start": "NODE_ENV=development nodemon ./bin/www",
 "webpack": "webpack-dev-server --config ./webpack.config.js --mode development"

React和Webpack开发服务器

1 个答案: