欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue-cli3.x配置全局的scss的時候報錯問題及解決

 更新時間：2022年04月30日 12:22:03   作者：月落星河°  
這篇文章主要介紹了vue-cli3.x配置全局的scss的時候報錯問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

vue-cli3配置全局scss報錯

在vue.config.js配置的時候用prependData不要用data

 sass: {
? // 根據(jù)自己樣式文件的位置調(diào)整 /舊版的scss-loader 是data 新版的是 prependData
? ? ? ? ? prependData: `@import "@/styles/global.scss";`
? },?

vue-cli3配置全局scss變量

1. 找到vue.config.js文件

如果沒有的話，則自己在根目錄新建一個即可　

2. 在文件內(nèi)編寫如下代碼

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        data: `@import "@/styles/_variable.scss";`
      }
    }
  }
}

3. 重啟項目,即可使用

注意：如果編寫完以上代碼，重啟項目后出現(xiàn)這個錯誤：

Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema.

那么說明，你安裝的sass-loader應(yīng)該是V8的版本，可以在package.json中查看是否確實如此，如果的確是v8版本以上，則需要配置不同的寫法，因為在V8中已經(jīng)廢除了data這個配置項，改為了prependData，具體可以在vue cli官網(wǎng)中看到此說明。【傳送門】

因此，我們需要將配置代碼修改成如下樣式：

css: {
    loaderOptions: {
        sass: {
            prependData: `@import "~@/styles/_variable.scss";`
        }
    }
}

大功告成！以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論