Webpack (2) express启动dist

44 阅读1分钟

简单搭建一个express实现dist文件的启动

完整项目:gitee.com/luobf22/vue…

const express = require('express');
const path = require('path');
// 创建Express应用实例
const app = express();
// 设置静态文件目录,这里将dist目录设置为静态文件目录
app.use(express.static(path.join(__dirname, 'dist')));
// 定义服务器监听的端口号,这里使用3000作为示例,你可以根据需要修改
const port = 3000;
// 动态导入open模块,以解决ES Module与CommonJS不兼容问题
(async () => {
    const open = await import('open');
    app.listen(port, () => {
        console.log(`Server running on port ${port}`);
        // 使用open模块打开浏览器访问服务器地址
        open.default(`http://localhost:${port}`);
    });
})();

通过node server.js启动,open模块会自动打开localhost:3000页面