首页 > 解决方案 > React 和 webpack 开发服务器

问题描述

我有一个反应应用程序。弹出后,我得到了 webpack 的配置文件。我究竟需要在哪里添加一些配置更改Webpack dev server?有两个文件: webpack.config.jswebpackDevServer.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但没有一个有效...

标签: reactjswebpack-dev-server

解决方案


您必须更改您的package.json文件。

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

推荐阅读