Question

如何更改webpack主机网址？目前我的项目正在localhost:8080上运行，我想在localhost:80/reactApp上运行我的项目，我该怎么做？

我系统的配置

 {
      "name": "wp-api",
      "version": "1.0.0",
      "description": "curejoy website",
      "main": "http_server.js",
      "scripts": {
        "build": "webpack",
        "start": "webpack-dev-server"
      },
      "author": "",
      "license": "ISC",
      "dependencies": {
        "bootstrap": "^3.3.7",
        "react": "^15.5.4",
        "react-dom": "^15.5.4"
      },
      "devDependencies": {
        "babel-core": "^6.24.1",
        "babel-loader": "^7.0.0",
        "babel-preset-react": "^6.24.1",
        "html-webpack-plugin": "^2.28.0",
        "webpack": "^2.6.1",
        "webpack-dev-server": "^2.4.5"
      }
    }

这是我的配置，我对这个环境完全陌生，过去两天我试图实现这个目标，但我无法做到这一点。

webpack配置文件

var HTMLWebpackPlugin = require('html-webpack-plugin');
var HTMLWebpackPluginConfig = new HTMLWebpackPlugin({
    template: __dirname + '/reactJs/index.html',
    filename: 'index.html',
    inject: 'body'
});
module.exports={
entry:[__dirname+'/reactJs/index.js',
      'webpack/hot/dev-server',
      'webpack-dev-server/client?http://localhost:80/curejoy'
     ],

 module:{
 loaders:[
  {
    test: /\.jsx?$/,
    exclude:/node_modules/,
    loader: 'babel-loader'
    }
 ]
 },
 output:{
      filename:'main.js',
      path: __dirname+ '/build'
 },
  plugins: [HTMLWebpackPluginConfig]
};

这是我的webpack配置文件，这里我已经在谷歌的帮助下定义了一些。喜欢进入和输出。我试图通过输入更改我的项目URL，但仍然没有发生任何事情

Answer 1

由于您使用的是webpack，因此您的生活非常轻松。

您可以使用webpack提供的内置标志。

- 主机和--port正是您要找的。以这种格式运行您的服务器

webpack-dev-server --host 0.0.0.0 --port 80

希望有所帮助！

与webpack反应

我系统的配置

webpack配置文件

1 个答案: