npm scss安裝錯誤

輸入npm install

報以下錯誤

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! node-sass@4.13.1 postinstall: `node scripts/build.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the node-sass@4.13.1 postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

　　1.這個是因為sass安裝時獲取源的問題，修改sass安裝的源，使用taobao的npm

npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass

　　然后運行

npm install

　　2.也可直接使用npm直接下載淘寶的scss

npm install node-sass --sass-binary-site=http://npm.taobao.org/mirrors/node-sass

本文出自：

https://www.cnblogs.com/pxblog/p/12444050.html

 

 

vue cli3使用官方方法配置sass全局變量報錯

vue.config.js代碼如下：

module.exports = {
    css: {
        loaderOptions: {
          sass: {
            data: `@import "~@/assets/scss/variables.scss";`,
          },
        }
      }
}

　　variables.scss的代碼如下：

$theme-color: #33aef0;

　　app.vue代碼如下

#app {
  color: $theme-color;
}

　

// 舊
data: `@import "~@/assets/scss/variables.scss";`
// 新
prependData: `@import "~@/assets/scss/variables.scss";`

　　改用新版本即可

 

本文出自：

　https://segmentfault.com/q/1010000020343645