為您找到相關(guān)結(jié)果17,528個
webpack打包主要流程以及優(yōu)化_javascript技巧_腳本之家
} 長期緩存:將第三方庫等不常變化的代碼提取出來,使用較長哈希值(如[name].[contenthash].js)命名,便于瀏覽器長期緩存。 3. 壓縮優(yōu)化 原理 通過減小文件大小來減少網(wǎng)絡傳輸時間。對于 JavaScript 文件,可以刪除空格、注釋、縮短變量名等;對于 CSS 文件,可以壓縮樣式規(guī)則。 實現(xiàn)方式 JavaScript 壓縮:使用UglifyJsPlug...
www.dbjr.com.cn/javascript/3345631...htm 2025-5-26
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
一文入門Webpack文件指紋_javascript技巧_腳本之家
[contenthash] 文件的內(nèi)容hash,默認是md5生成 [hash] 文件的內(nèi)容hash,默認是md5生成 [emoji] 一個隨機的指代文件內(nèi)容的emoji 文件指紋的設置 根據(jù)不同的文件類型一般選擇不同的文件指紋策略,通常情況下: JS文件采用[chunkhash]文件指紋策略 CSS文件采用[contenthash]文件指紋策略 JS文件采用[hash]文件指紋策略 下面我們...
www.dbjr.com.cn/article/2388...htm 2025-5-27
vue項目實現(xiàn)一鍵網(wǎng)站換膚效果實例(webpack-theme-color-replacer的使 ...
//可選.輸出css文件名,支持[contenthash]和[hash] fileName: 'css/theme-colors-[contenthash:8].css', // 可選的。將 css 文本注入 js 文件,不再需要下載 `theme-colors-xxx.css`。 injectCss: true, }) }, }模板內(nèi)修改顏色:1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ...
www.dbjr.com.cn/article/2750...htm 2025-6-9
JS實現(xiàn)頁面進入和返回定位到具體位置_javascript技巧_腳本之家
contentHash =''; } 利用距離頂部的距離定位的具體實現(xiàn)方法: 1.頁面有跳轉(zhuǎn)的地址,不是直接link過去。要帶著當前位置滾動過距離跳轉(zhuǎn)。 1 2 3 4 5 6 7 8 $('[data-link]').on('click',function(event) {//阻止默認跳轉(zhuǎn)行為,阻止冒泡 event.preventDefault(); event....
www.dbjr.com.cn/article/994...htm 2025-6-1
用vue構(gòu)建多頁面應用的示例代碼_vue.js_腳本之家
filename: utils.assetsPath('css/[name].[contenthash].css') }), // Compress extracted CSS. We are using this plugin so that possible // duplicated CSS from different components can be deduped. new OptimizeCSSPlugin({ cssProcessorOptions: { safe: true } }), // generate dist index.html ...
www.dbjr.com.cn/article/1241...htm 2025-5-15
性能優(yōu)化篇之Webpack構(gòu)建代碼質(zhì)量壓縮的建議_javascript技巧_腳本...
filename: 'css/[name].[contenthash:8].css', chunkFilename: 'css/[name]_[contenthash:8].css', fallback:'style-loader' }); ... ... plugins: [ new optimizeCssPlugin({ assetNameRegExp: /\.css$/g, cssProcessor: require('cssnano'), cssProcessorOptions: { discardComments: { removeAll...
www.dbjr.com.cn/article/1589...htm 2025-6-7