server.js文件配置

最新推荐文章于 2025-09-11 01:26:58 发布

原创最新推荐文章于 2025-09-11 01:26:58 发布 · 4.2k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍如何使用Webpack-dev-server搭建本地开发服务器，包括配置热更新、指定静态资源路径及监听端口等内容。

var webpack = require('webpack');
var WebpackDevServer = require('webpack-dev-server');
var config = require('./webpack.config');
new WebpackDevServer(webpack(config), {
    //用来指定index.html所在目录
    contentBase : './src/main/resources/html/'
    //用来指定上线时运行地址
    ,publicPath: config.output.publicPath
    //表示热加载，使用Inline:true可以自动刷新
    ,hot: true
    //启用 noInfo 后，诸如「启动时和每次保存之后，那些显示的 webpack 包(bundle)信息」的消息将被隐藏。错误和警告仍然会显示。
    ,noInfo: false
    /*
    指的是当路径匹配的文件不存在时不出现404，也可以通过如下面设置指定
    当路径匹配的文件不存在时跳转的页面
     historyApiFallback:{
            index:'build/index.html'
        },
     */
    ,historyApiFallback: true,
    //不检查host地址
    'disableHostCheck' : true
}).listen(3009, '0.0.0.0', function (err, result) {
    if (err) {
        console.log(err);
    }
    console.log('Listening at localhost:3009');
});