質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

Q&A

解決済

1回答

779閲覧

Laravel MIX の webpack-dev-server の設定方法がわからない

msx2

総合スコア174

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

0グッド

1クリップ

投稿2018/12/29 17:54

編集2018/12/30 02:47

Windows10 で Laravel/Homestead を使って Laravel MIX の開発環境を作成しています。

npm run dev
でのビルドは成功しましたが

npm run hot
でローカルサーバーを起動してアクセスすると

HTML

1<script src="{{ mix('js/app.js') }}" ></script>

HTML

1<script src="//localhost:8080//js/app.js" ></script>

と出力されsrcが読み込めません。

npm run hot は
vagrantのHomestead上で動いているローカルサーバーなので外部からアクセスするためにホストを0.0.0.0に指定する必要があると思います。

この設定はどこに書いたらいいのでしょうか?

追記(2018/12/30)

webpack.mix.jsに設定を書いてみました。

Javascript

1const mix = require('laravel-mix'); 2/* 3 |-------------------------------------------------------------------------- 4 | Mix Asset Management 5 |-------------------------------------------------------------------------- 6 | 7 | Mix provides a clean, fluent API for defining some Webpack build steps 8 | for your Laravel application. By default, we are compiling the Sass 9 | file for the application as well as bundling up all the JS files. 10 | 11 */ 12mix.version(); 13mix.webpackConfig({ 14 devServer: { 15 disableHostCheck: true, 16 host: '0.0.0.0' 17 } 18}); 19mix.js('resources/js/app.js', 'public/js') 20 .sass('resources/sass/app.scss', 'public/css'); 21

結果、npm run devでビルドするときは mix.version()が有効になりましたがnpm run hotでのローカルサーバーでは変化がなく出力されるHTMLは

HTML

1<script src="//localhost:8080//js/app.js" ></script>

のままでした。

ローカルサーバーの設定はどこに書いたら反映されるのでしょうか??

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

webpack.mix.jsに書けばデフォルトを上書きしてくれるみたいです。

投稿2019/01/09 07:10

msx2

総合スコア174

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問