美文网首页
vue-cli4热更新配置

vue-cli4热更新配置

作者: 背着生活往前走你才辨的出美和丑 | 来源:发表于2021-04-16 14:41 被阅读0次

    一、安装webpack-dev-server
    npm install --save-dev webpack-dev-server / cnpm install --save-dev webpack-dev-server
    二、配置vue.config.js文件
    vue-cli4文件和之前很不一样,找到vue.config.js文件做修改

    deServer{
    disableHostCheck:true //webpack4.0 开启热更新
    }
    三、配置package.json文件
    在package.json文件的script对象中加入热更新代码

    "dev": "vue-cli-service serve && webpack-dev-server --open"
    四、重启!!!!
    一定要重启npm run dev,才可以更新

    相关文章

      网友评论

          本文标题:vue-cli4热更新配置

          本文链接:https://www.haomeiwen.com/subject/ehselltx.html