Question

我设法让webpack-dev-server和laravel代客服务于该网站，并重定向到同一网络中移动设备上的正确路径。

然而，它不会通过内存提供的js注入css。它只会在我将js / css写入磁盘时才会起作用。我相信移动设备上的js并没有指向代理，但我无法弄清楚如何做到这一点。

非常感谢，非常感谢

entry: {
    'app.bundle': './src/scripts/index.js',
  },
  cache: true,
  output: {
    filename: '[name].js',
    publicPath: 'http://localhost:8080/',
    chunkFilename: '[chunkhash].js',
  },
      .
      .
      .
   devServer: {
    hot: true,
    inline: true,
    overlay: false,
    quiet: true,
    host: '0.0.0.0',
    proxy: {
      '*': {
        target: 'http://laravelapp.dev/',
        changeOrigin: true,
      },
    },
    disableHostCheck: true,
    contentBase: path.resolve(__dirname, './src/templates'),
    headers: {
      'Access-Control-Allow-Origin': '*',
    },
    watchContentBase: true,
    watchOptions: {
      poll: false, // might be needed for homestead/vagrant setup, review
    },
    historyApiFallback: false,
    noInfo: true,
  },

Answer 1

让我的工作更改webpack.config中的条目：

entry: {
    'app.bundle.js': [
      'webpack-dev-server/client?http://localhost:8080',
      'webpack/hot/only-dev-server',
      './src/scripts/index.js',
    ],
  },`
  output: {
    filename: '[name].js',
    publicPath: '/',
    chunkFilename: '[chunkhash].js',
  },
      .
      .
      .
   devServer: {
    hot: true,
    inline: true,
    host: '0.0.0.0',
    proxy: {
      '*': {
        target: 'http://laravelapp.dev/',
        changeOrigin: true,
      },
    },
    disableHostCheck: true,
    headers: {
      'Access-Control-Allow-Origin': '*',
    },
    watchContentBase: true,
    historyApiFallback: false,
  },

Webpack-Dev-Server + Laravel，来自网络设备的访问不会通过内存中的js注入css

1 个答案: