webpack配置devServer节点

最新推荐文章于 2024-09-25 15:17:39 发布

hacalili

最新推荐文章于 2024-09-25 15:17:39 发布

阅读量132

点赞数 1

分类专栏： Node.js webpack HTML+CSS+JS（案例展示）文章标签： webpack 前端 javascript

本文链接：https://blog.csdn.net/weixin_42541725/article/details/123166605

版权

HTML+CSS+JS（案例展示）同时被 3 个专栏收录

46 篇文章 4 订阅

订阅专栏

Node.js

13 篇文章 0 订阅

订阅专栏

webpack

8 篇文章 0 订阅

订阅专栏

通过修改webpack.config.js配置文件，设置devServer的open属性为true和port为80，可以实现在CMD中运行`npm run dev`后自动打开浏览器并加载项目首页的功能。这个方法对于前端开发者来说，能提升开发流程的效率。

摘要由CSDN通过智能技术生成

功能：

cmd中运行npm run dev后自动打开首页

步骤：

webpack.config.js中修改：

// 使用node.js中的导出语法，向外导出一个webpack的配置对象
module.exports = {
    // ......

    // 自动打开首页
    devServer: {
        open: true,
        // 在http协议中，如果端口号是80，则可以被省略
        port: 80
    }

}