為了解決老項(xiàng)目下載依賴時(shí)間過長(zhǎng)需要翻墻的問題，node-sass的更新勢(shì)在必行

第一步：卸載項(xiàng)目中的node-sass和sass-loader

npm uninstall node-sass sass-loader --save-dev

第二步：安裝sass、less和sass-loader、less-loader

npm install sass sass-loader --save-dev
npm install less less-loader --save-dev

第三步：重新配置vue.config.js

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        implementation: require('sass'), // This line must in sass option
      },
    },
  }
}

如果使用了stylelint，需要修改配置規(guī)則

// stylelint.config.js
    module.exports = {
      ...
      rules: {
        'selector-pseudo-element-no-unknown': [
          true,
          {
            ignorePseudoElements: ['v-deep'],
          },
        ],
      },
      ...
    };

安裝更新依賴

npm i
npm run serve

修復(fù)項(xiàng)目里老css用法錯(cuò)誤

然后需要全局替換一下/deep/，全局搜索 /deep/ , 將項(xiàng)目里的 /deep/ 替換為 ::v-deep