встроенный флаг webpack-dev-server не работает

У меня очень простая настройка веб-пакета, я пытаюсь выполнить автоматическую перезагрузку. У меня есть все файлы в корневом каталоге проекта, чтобы все было просто.встроенный флаг webpack-dev-server не работает

index.html:

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>Webpack</title> 
    </head> 
    <body>hello</body> 
    <script src="app.js"></script> 
</html>

webpack.config.js:

module.exports = { 
    context: __dirname, 
    entry: { 
    javascript: "./app.js", 
    html: "./index.html", 
    }, 
    output: { 
    filename: "bundle.js" 
    }, 
    watch: true, 
    module: { 
    loaders: [ 
     { 
     test: /\.html$/, 
     loader: "file?name=[name].[ext]", 
     }, 
    ], 
    }, 
}

и app.js:

console.log("hello everyone!");

Чтобы запустить WebPack, я выполняю:

$ ./node_modules/.bin/webpack-dev-server --inline

Когда я меняю любой из файлов, я вижу, что webpack-dev-server перекомпилирует, что отлично работает. Тем не менее, мне все равно нужно обновить всю страницу, чтобы обновить новый контент. Я думал, что мне не нужно это делать при использовании опции --inline.

я узнал, что, если добавить следующие строки в моем HTML:

<script src="http://localhost:8080/webpack-dev-server.js"></script>

затем автоперезагрузки работает отлично. Но HTML должен НЕ содержать эту строку, becuase:

он не должен попасть в репозиторий, а не изменять HTML сам
inline должен справиться с этим. Либо параметр CLI, либо атрибут в файле webpack.config.js. Я использовал оба, и не работает.

Не знаю, почему inline вещь не работает.

источник

2016-11-01 ducin

-1

Встраиваемый режим Webpack Dev Server зависит от publicPath. Вы можете добавить publicPath в свой webpack.conf и обратиться к своему файлу js следующим образом: <script src="assets/app.js"></script>. Тогда встроенный режим будет работать.

источник

2016-12-22 08:33:14 czizzy

Я знаю о 'publicPath' из документов, но все же я не знаю, что там определить. SO - пример, основанный на вопросах и ответах. Ваш ответ мне не помогает - пока. Это может быть комментарий, но это не ответ, как есть. – ducin

встроенный флаг webpack-dev-server не работает

ответ

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