美文网首页
【vue】vue-cli4项目热更新开启

【vue】vue-cli4项目热更新开启

作者: 南慕瑶 | 来源:发表于2020-05-05 11:21 被阅读0次

    vue.config.js:

    module.exports = {

        devServer: {

            hot: true,

        },

        configureWebpack: {

            resolve: {

                symlinks: true,

            },

        },

    }

    以上,亲测有效。支持 .vue 文件任意部分代码变更的热更新。

    【附】

    网上资料显示,如果是 vue-cli3 项目,支持 css 变更的热更新,需要附加设置:

    css: {

        extract: false,

    }

    注意动态设置 extract 的值。开发环境设为 false,生产环境设为 true,以便打包出单独的 css 文件。

    const IS_PROD = process.env.NODE_ENV === 'production'

    module.exports = {

        configureWebpack: {

            css: {

                extract: IS_PROD

            }

        }

    }

    相关文章

      网友评论

          本文标题:【vue】vue-cli4项目热更新开启

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