Dev Faq
10
votes

Comment utilisez-vous le mode en ligne avec l'API et l'aventure WebPack-Dev-Server

J'utilise Webpack-dev-Server avec C'est - inline code> et - hôte code> drapeaux. Tout cela fonctionne bien.

Webpack-dev-serveur --inline --Host Exemple.com Code> P>

J'ai ensuite regardé sur cette tâche en utilisant gulp et l'API WebPack-dev-Server. P> 

var gulp             = require('gulp');
var gutil            = require('gulp-util');
var Webpack          = require('webpack');
var WebpackDevServer = require('webpack-dev-server');
var WebpackConfig    = require('./webpack.config.js');

gulp.task('default', ['webpack-dev-server']);

gulp.task('webpack-dev-server', function(callback) {
  new WebpackDevServer(Webpack(WebpackConfig), {
    host: 'example.com',
    inline: true,
    publicPath: WebpackConfig.output.publicPath,
  }).listen(port, host, function(err) {
    if(err) throw new gutil.PluginError('webpack-dev-server', err);
    gutil.log('[webpack-dev-server]', 'http://example.com:8080');
  }); 
});

0 commentaires

5 Réponses :

-1
votes

Le mode en ligne est activé par défaut - Accédez à http: // hôte: port / WebPack-Dev- serveur /

6 commentaires

Peut-être que j'ai mal compris quel mode en ligne est réellement, mais je pensais que cela impliquait un mode non iframed. Servir de hôte: port / Webpack-dev-serveur est ce que j'essaie d'éviter comme il cause des problèmes de mise en page.

Je pense que j'avais tort et que tu as raison. Ce que vous voulez, il n'y a pas d'hôte: port / ? Par défaut, vous pouvez accéder aux fichiers dans un mode non iframed.

Vous pouvez vraiment avoir raison. La documentation est un peu déroutante car il semble mentionner d'abord un mode en ligne implicite, puis un explicite. Malheureusement, définir l'hôte est également très utile pour moi. Je pense que j'ai besoin de plonger dans le code un peu plus.

@Hugh, avez-vous compris cela, j'essaie aussi de comprendre cela.

Désolé @Colelawrence, je ne crois pas que j'ai jamais résolu mon problème.

@Hugh, j'ai effectivement fini par configurer mon serveur correctement, mais je ne sais pas quelle chose était spécifiquement la cause de son travail. Donc, l'adresse Web / webpack-dev-serveur / est juste un iframe ciblant l'emplacement / sur le même hôte et / webpack-dev-serveur Sans la barre oblique de fuite vous montre une page Web avec tous les paquets compilés. Autres choses qui m'a aidé à supprimer PublicPath et nom de fichier de la Dev Server Config et, y compris