|
@@ -203,18 +203,23 @@ gulp.task('webpack-dev-server', () => { |
|
@@ -203,18 +203,23 @@ gulp.task('webpack-dev-server', () => { |
203
|
}
|
203
|
}
|
204
|
});
|
204
|
});
|
205
|
|
205
|
|
206
|
- // webpackDashboardPlugin
|
206
|
+ devConfig.output.publicPath = 'http://localhost:5004/';
|
|
|
207
|
+
|
|
|
208
|
+ // 开发环境插件
|
|
|
209
|
+ devConfig.plugins.push(new webpack.HotModuleReplacementPlugin());
|
|
|
210
|
+
|
207
|
if (useDashboard) {
|
211
|
if (useDashboard) {
|
208
|
- const dashboard = new Dashboard();
|
212
|
+ const dashboard = new Dashboard(); // webpackDashboardPlugin
|
209
|
|
213
|
|
210
|
devConfig.plugins.push(new DashboardPlugin(dashboard.setData));
|
214
|
devConfig.plugins.push(new DashboardPlugin(dashboard.setData));
|
211
|
}
|
215
|
}
|
212
|
|
216
|
|
213
|
- devConfig.entry.libs.unshift('webpack-dev-server/client?http://localhost:5004/');
|
217
|
+ devConfig.entry.libs.unshift(`webpack-dev-server/client?${devConfig.output.publicPath}`, 'webpack/hot/dev-server');
|
214
|
|
218
|
|
215
|
new WebpackDevServer(webpack(devConfig), {
|
219
|
new WebpackDevServer(webpack(devConfig), {
|
216
|
contentBase: '.',
|
220
|
contentBase: '.',
|
217
|
- publicPath: '//localhost:5004/',
|
221
|
+ publicPath: devConfig.output.publicPath,
|
|
|
222
|
+ hot: true,
|
218
|
inline: true,
|
223
|
inline: true,
|
219
|
quiet: useDashboard,
|
224
|
quiet: useDashboard,
|
220
|
stats: {
|
225
|
stats: {
|
|
@@ -227,7 +232,7 @@ gulp.task('webpack-dev-server', () => { |
|
@@ -227,7 +232,7 @@ gulp.task('webpack-dev-server', () => { |
227
|
if (err) {
|
232
|
if (err) {
|
228
|
throw new gutil.PluginError('webpack-dev-server', err);
|
233
|
throw new gutil.PluginError('webpack-dev-server', err);
|
229
|
}
|
234
|
}
|
230
|
- gutil.log('[webpack-serve]', 'http://localhost:5004/');
|
235
|
+ gutil.log('[webpack-serve]', devConfig.output.publicPath);
|
231
|
});
|
236
|
});
|
232
|
});
|
237
|
});
|
233
|
|
238
|
|