為您找到相關(guān)結(jié)果98個
webpack打包主要流程以及優(yōu)化_javascript技巧_腳本之家
} 長期緩存:將第三方庫等不常變化的代碼提取出來,使用較長哈希值(如[name].[contenthash].js)命名,便于瀏覽器長期緩存。 3. 壓縮優(yōu)化 原理 通過減小文件大小來減少網(wǎng)絡(luò)傳輸時間。對于 JavaScript 文件,可以刪除空格、注釋、縮短變量名等;對于 CSS 文件,可以壓縮樣式規(guī)則。 實現(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
JS實現(xiàn)頁面進(jìn)入和返回定位到具體位置_javascript技巧_腳本之家
contentHash =''; } 利用距離頂部的距離定位的具體實現(xiàn)方法: 1.頁面有跳轉(zhuǎn)的地址,不是直接link過去。要帶著當(dāng)前位置滾動過距離跳轉(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開發(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開發(fā)vue-cli的項目實踐_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插件到開發(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