7

基本的な Laravel アプリケーションにwebpack-dev-serverを使用したいと考えています。公式の Webpack ドキュメントから、次のことを学びました。

開発中にバックエンド サーバーまたはそのモックを実行したい場合があります。webpack-dev-server をバックエンドとして使用しないでください。その唯一の目的は、静的 (webpacked) アセットを提供することです。

webpack-dev-server とバックエンド サーバーの 2 つのサーバーを並べて実行できます。

ページの下部に、それを達成する方法の例が示されています。私は従いましたが、2 つのエラー メッセージが表示されて行き詰まりました。これは、Webpack を Laravel アプリケーションに統合する試みです。

webpack.config.js

var path = require("path");

module.exports = {
    context: path.resolve('resources'),
    entry: [
        './assets/js/app.js'
    ],
    output: {
        path: path.resolve('public/assets/'),
        publicPath: 'http://localhost:8080/assets/',
        filename: "bundle.js"
    },
    devServer: {
        contentBase: 'public',
        hot: true,
        proxy: {
            "*": "http://laravel.dev/"
        }
    }
};

app.blade.php

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Learning Laravel</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>

<body>
    <div class="container">
        @yield('content')
    </div>

    @yield('footer')
    <script src="http://localhost:8080/assets/bundle.js"/>
</body>

</html>

vagrant@learning-laravel:~/learning-laravel$ webpack-dev-server --inline

コンソール出力:

http://localhost:8080/
webpack result is served from http://localhost:8080/assets/
content is served from public
Hash: 3346964212f5b22513c6
Version: webpack 1.12.2
Time: 347ms
    Asset    Size  Chunks             Chunk Names
bundle.js  228 kB       0  [emitted]  main
chunk    {0} bundle.js (main) 213 kB [rendered]
    [0] multi main 52 bytes {0} [built] [1 error]
    [1] /usr/lib/~/webpack-dev-server/client?http://localhost:8080 2.14 kB {0} [built]
    [2] (webpack)/~/node-libs-browser/~/url/url.js 22.3 kB {0} [built]
    [3] (webpack)/~/node-libs-browser/~/punycode/punycode.js 14.6 kB {0} [built]
    [4] (webpack)/buildin/module.js 251 bytes {0} [built]
    [5] (webpack)/~/node-libs-browser/~/url/~/querystring/index.js 127

...

   [61] ./resources/assets/js/app.js 103 bytes {0} [built]
   [62] ./resources/assets/js/login.js 28 bytes {0} [built]

ERROR in multi main
Module not found: Error: Cannot resolve module 'webpack/hot/dev-server' in /home/vagrant/learning-laravel/resources
 @ multi main
webpack: bundle is now VALID.

ホームステッドを使用しています。アプリケーションはhttp://laravel.dev/で提供されます。私の質問は、2 つのサーバー (webpack-dev-server と backend-server) を並べて実行する方法です。私は何が欠けていますか？

4

1 に答える 1

0

あなたが欠けているのは簡単です.Laravelバックエンドサーバーの下でwebpack-dev-serverをプロキシする必要があります（たとえば、ルート/assets）。

そのために、http-proxy、Express ミドルウェア、さらには socat / netcat CLI ツールをチェックさせます。

于 2016-01-09T10:59:02.373 に答える