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

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

Webpack-Dev-Server + Laravel, access from network devices doesn't inject css via js from memory

javascript

laravel

webpack

webpack-dev-server

laravel-valet