javascript - webpack打包的时候故意放在static中js，发布后更换没有生效

问题描述

问 题

有个vux的项目，有些JS，我故意放在static的目录里面，然后使用require来获取，该JS内容如下：

var sysNavDefine = {
    name: 'sysNavDefine',
    navList: [ {
            path: '/listView',
            name: 'listView',
            imgSrc: '../../static/images/home/email.png',
            desc: '网络通讯',
            query: {
                tableName: 'EmailDet',
                tableAlias: 'InBox',
                pageSize: 20,
                pageIndex: 1
            }
        }, {
            path: '/listView',
            name: 'listView',
            imgSrc: '../../static/images/home/wfCurrentStep.png',
            desc: '审批任务',
            query: {
                tableName: 'wfCurrentStep',
                tableAlias: '',
                pageSize: 20,
                pageIndex: 1
            }
        } 
    ]
}
export default sysNavDefine

在vue里面这样使用：

var sysNav = require("../../static/modules/sysNav.js")
        this.$data.navList = sysNav.default.navList

问题来了，放在static里面的时候，webpack打包，就是：npm run build，没有问题。在使用的过程中，我修改了这个sysNav.js，但是，不管如何清理缓存，都是旧的内容，就好像不知道哪里缓存了一样。我是希望可以通过动态修改这个文件，让我可以更新部分内容。或者说，如何让require可以每次都读取最新的内容。

解决方案

配置 devServer 或者 webpack-dev-middleware webpack-hot-middleware

这篇关于javascript - webpack打包的时候故意放在static中js，发布后更换没有生效的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！