2017-02-14 2 views
2

Я пытаюсь реализовать горячую перезагрузку в приложении laravel. Но у меня проблема с выходом с помощью webpack. Когда я делаю http://localhost/bundle.js это 404 не найдено. Интересно, почему. В моем терминале я видел, что пакет bundle.js связан с webpack, но куда он пошел?webpack не выводил файл для исправления каталога

gulpfile.js

var elixir = require('laravel-elixir'); 
var webpackDevMiddleware = require('webpack-dev-middleware'); 
var webpackHotMiddleware = require('webpack-hot-middleware'); 
var webpackConfig = require('./webpack.dev.config'); 
var bundler = webpack(webpackConfig); 
    gulp.task('hot', function(){ 

     elixir(function(mix) { 

      browserSync({ 
       proxy: 'somewhere.local', 
       middleware: [ 
       webpackDevMiddleware(bundler, { 
        publicPath: '/' 
       }), 

       webpackHotMiddleware(bundler) 
       ] 
      }); 
     }); 
    }); 

webpack.dev.config.js Проблема здесь

module.exports = { 
    debug: true, 
    context: path.join(__dirname, 'resources/assets/bundle/entries'), 
    entry: ['./feed.js'], 
    output: { 
    path  : path.join(__dirname, 'public/bundle'), 
    publicPath : '/', 
    filename : 'bundle.js' 
    } 
    resolve: { 
    extensions: ['', '.js', '.jsx'] 
    } 
} 

мой взгляд Laravel

Я также включил

<script src="http://localhost:3000/bundle.js"></script> 

Что-то не так в моем файле конфигурации webpack. Вот мой каталог сайтов: enter image description here

+3

Вашего 'bundle' находится в' государственного/пачке/bundle.js '., на основе вашего скрипта, вы пытаетесь загрузить скрипт из корневого каталога, что неверно. –

+0

@ Aexander T. как это должно быть? bundle.js не является физическим файлом, посмотрите на этот пример https://github.com/eriksape/laravel-react-hot-loader/blob/master/webpack.config.js. Вы конвертируете feed.js и многие другие файлы в bundle.js, тогда вы можете выполнить горячую перезагрузку с помощью браузераync –

+0

Значит, что мое значение пути неверно? пожалуйста помоги. Я не вижу в этом ничего плохого. –

ответ

0

webpack dev сервер не записывает пучок на диск.

Этот модифицированный пакет обслуживается из памяти по относительному пути, указанному в publicPath (см. API). Он не будет записан в ваш сконфигурированный выходной каталог. Если пакет уже существует по тому же пути URL, пакет в памяти имеет приоритет (по умолчанию).

вы можете узнать больше здесь: https://webpack.github.io/docs/webpack-dev-server.html

в зависимости от ваших конкретных нужд, вы можете рассмотреть возможность использования другой конфигурации WebPack

Смежные вопросы