色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術文章
文章詳情頁

javascript - webpack打包的時候故意放在static中js,發布后更換沒有生效

瀏覽:125日期:2023-04-25 17:27:53

問題描述

有個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可以每次都讀取最新的內容。

問題解答

回答1:

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

回答2:

你watch了才會更新,不watch怎么會自動更新。

回答3:

是不是我說的太復雜了,其實重現這個問題很簡單。

新建一個vue的項目,在static里面放入一個js,然后,在vue里面require這個js,例如alert一下。

npm run build,把dist里面的內容,都拷貝到web服務器,修改static里面的js的內容,你會發現,這個內容不會生效。

好了問題來?既然只要require一個js,就會把js打包進去。為什么還會在static目錄里面看到這個js??豈不是自欺欺人了嗎??

經過實際測試,發現只要require一個js,webpack就會把這個js直接打包到app.js里面,然后static里面的內容是原封不動的直接拷貝到dist目錄。我在app.js里面找到了測試的代碼了。

標簽: JavaScript
主站蜘蛛池模板: 久草免费手机视频 | 国产日韩欧美综合一区二区三区 | 最新国产成人综合在线观看 | 亚洲视频在线观 | 欧美性久久久久 | 日本一道免费一区二区三区 | 99久久99这里只有免费费精品 | 天干天干天啪啪夜爽爽色 | 夜夜骚视频 | 久久国产精品免费 | 三级理论手机在线观看视频 | 午夜爽爽爽视频 | 日韩一级片在线观看 | 欧美视频一区二区三区四区 | 美女很黄很黄 | 国产精品99久久久久久宅男 | 日本午夜三级 | 国产成人一区二区三区精品久久 | 国产三级精品播放 | 国产一级在线 | 97超级碰碰碰免费公开在线观看 | 欧美一级特黄aa大片视频 | 日韩午夜 | 九色91 | 永久网站色视频在线观看免费 | 欧美日韩高清观看一区二区 | 亚洲综合色dddd26 | 亚洲第一免费网站 | 精品亚洲一区二区三区 | 久久成人国产 | 国产成人高清亚洲一区久久 | 思99re久久这里只有精品首页 | 欧美自拍在线 | 久久精品男人的天堂 | 亚洲国产日韩成人综合天堂 | 91九色精品国产 | 亚洲成人自拍网 | 国产成人免费网站在线观看 | 亚洲欧美久久精品1区2区 | 国产精品黄色 | 成人免费一区二区三区在线观看 |