為您找到相關(guān)結(jié)果98個(gè)
詳解vue項(xiàng)目?jī)?yōu)化之按需加載組件-使用webpack require.ensure_vue.js...
使用vue-cli構(gòu)建的項(xiàng)目,在 默認(rèn)情況下 ,執(zhí)行 npm run build 會(huì)將所有的js代碼打包為一個(gè)整體, 打包位置是 dist/static/js/app.[contenthash].js 類似下面的路由代碼 router/index.js 路由相關(guān)信息,該路由文件引入了多個(gè) .vue組件 1 2 3 4 5 import Hello from'@/components/Hello' import Province from'@/...
www.dbjr.com.cn/article/1161...htm 2025-5-28
webpack打包主要流程以及優(yōu)化_javascript技巧_腳本之家
} 長(zhǎng)期緩存:將第三方庫(kù)等不常變化的代碼提取出來(lái),使用較長(zhǎng)哈希值(如[name].[contenthash].js)命名,便于瀏覽器長(zhǎng)期緩存。 3. 壓縮優(yōu)化 原理 通過(guò)減小文件大小來(lái)減少網(wǎng)絡(luò)傳輸時(shí)間。對(duì)于 JavaScript 文件,可以刪除空格、注釋、縮短變量名等;對(duì)于 CSS 文件,可以壓縮樣式規(guī)則。 實(shí)現(xiàn)方式 JavaScript 壓縮:使用UglifyJsPlug...
www.dbjr.com.cn/javascript/3345631...htm 2025-6-12
vue-cli3中配置alias和打包加hash值操作_vue.js_腳本之家
代表的是chunk(模塊)的hash值。 contenthash 插件extract-text-webpack-plugin引入的contenthash vue-cli舉例 vue-cli腳手架中webpack的配置文件hash, build/webpack.base.conf.js vue-cli中,hash用于圖片,音視頻,和字體文件 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25...
www.dbjr.com.cn/article/1948...htm 2025-5-24
Mask Network第三輪資助Web3社交生態(tài)項(xiàng)目盤點(diǎn)_區(qū)塊鏈技術(shù)_區(qū)塊鏈_腳本...
未來(lái),LIMO將通過(guò)一套現(xiàn)代部署工具增強(qiáng)可訪問(wèn)性并促進(jìn)開(kāi)發(fā)者體驗(yàn)。例如,熱緩存(實(shí)時(shí)動(dòng)態(tài)更新鏈上記錄時(shí)的ENS映射緩存)、反向查找(根據(jù)IPFS CID或contenthash搜索ENS名稱)和通過(guò)社區(qū)運(yùn)行的內(nèi)容傳送網(wǎng)絡(luò)(CDN)去中心化LIMO基礎(chǔ)設(shè)施。 2.Data2.cash 推特: https://twitter.com/data2_cash ...
www.dbjr.com.cn/blockchain/9307...html 2024-3-17
JS實(shí)現(xiàn)頁(yè)面進(jìn)入和返回定位到具體位置_javascript技巧_腳本之家
contentHash =''; } 利用距離頂部的距離定位的具體實(shí)現(xiàn)方法: 1.頁(yè)面有跳轉(zhuǎn)的地址,不是直接link過(guò)去。要帶著當(dāng)前位置滾動(dòng)過(guò)距離跳轉(zhuǎn)。 1 2 3 4 5 6 7 8 $('[data-link]').on('click',function(event) {//阻止默認(rèn)跳轉(zhuǎn)行為,阻止冒泡 event.preventDefault(); event....
www.dbjr.com.cn/article/994...htm 2025-6-1
基于webpack開(kāi)發(fā)react-cli的詳細(xì)步驟_React_腳本之家
filename: "static/css/[name].[contenthash:10].css", chunkFilename: "static/css/[name].[contenthash:10].chunk.css", }), new CopyPlugin({ patterns: [ { from: path.resolve(__dirname, "../public"), to: path.resolve(__dirname, "../dist"), globOptions: { // 忽略index.html文件 ig...
www.dbjr.com.cn/javascript/288932e...htm 2025-6-15
詳解vue-cli腳手架中webpack配置方法_vue.js_腳本之家
filename: utils.assetsPath('css/[name].[contenthash].css'), allChunks: true, }), //優(yōu)化css的插件 new OptimizeCSSPlugin({ cssProcessorOptions: config.build.productionSourceMap ? { safe: true, map: { inline: false } } : { safe: true } }), //html打包 new HtmlWebpackPlugin({ filena...
www.dbjr.com.cn/article/1460...htm 2025-6-12
webpack開(kāi)發(fā)vue-cli的項(xiàng)目實(shí)踐_vue.js_腳本之家
"static/js/[name].[contenthash:10].chunk.js" : "static/js/[name].chunk.js", // 生產(chǎn)環(huán)境代碼分割文件名 assetModuleFilename: "static/media/[hash:10][ext][query]", // 生產(chǎn)環(huán)境資源文件名 clean: true, // 清除上一次打包文件 }, module: { // 處理模塊規(guī)則 rules: [ // 處理css { ...
www.dbjr.com.cn/javascript/2933826...htm 2025-6-10
詳解在vue-cli3.0中自定css、js和圖片的打包路徑_vue.js_腳本之家
config.output.chunkFilename = '[name].[contenthash:8].js' }, } 更改MiniCssExtractPlugin插件配置 更改該配置需要先安裝MiniCssExtractPlugin插件到開(kāi)發(fā)依賴中,如下: 1 2 3 npm install --save-dev mini-css-extract-plugin # 或者 yarn add mini-css-extract-plugin --dev 然后在vue.config.js文件中...
www.dbjr.com.cn/article/1684...htm 2025-6-14