快捷導(dǎo)航

完美解決vue 項目開發(fā)越久 node_modules包越大的問題

更新時間：2023年09月16日 09:24:26 作者：kxmdjqq

這篇文章主要介紹了vue 項目開發(fā)越久 node_modules包越大的問題及解決方法,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下

解決 vue 項目開發(fā)越久 node_modules包越大的問題

vue 每次編譯都會將編譯后的文件緩存在 node_modules /.cache 里面，因此需要在 vue.config.js 配置取消緩存

compression-webpack-plugin 禁止緩存
const CompressionPlugin = require("compression-webpack-plugin");
module.exports = {
    plugins: [
      new CompressionPlugin({
        cache: false, // 取消緩存
        algorithm: "gzip",
        filename: "[path].gz[query]",
        test: /\.(js|css|woff|woff2|json|txt|html|ico|svg)(\?.*)?$/i, // 要壓縮的文件
        threshold: 10240, // 壓縮超過10k的數(shù)據(jù)
        deleteOriginalAssets: false, // 不刪除壓縮前的文件，如果瀏覽器不支持Gzip，則會加載源文件
        minRatio: 0.8, // 壓縮比大于0.8的文件將不會被壓縮
      }),
    ],
}

vue項目中node_modules內(nèi)容修改并且永久生效（Popup彈出層組件）

在做vue項目的時候用了vantUI中Popup彈出層組件，由于項目的需要，要求表頭的層級比彈出層的層級大，然后就會設(shè)置z-index，但是Popup組件每點擊一次他的z-index值就會增大這是此組件的一個屬性，可以把表頭的z-index設(shè)置成特別大，但是覺得這對于一個會疊加z-index的組件來說始終不是解決辦法，然后就找到了vant中設(shè)置Popup的代碼修改了一下。