1. 程式人生 > >在vue專案中使用sass(適用於vue-cli腳手架專案)

在vue專案中使用sass(適用於vue-cli腳手架專案)

  1. 進入專案目錄:
C:\Users\PC>cd  XXX/XXXX/xxx  //你的專案目錄
  1. 安裝sass的依賴:
npm install --save-dev sass-loader
npm install --save-dev node-sass
  1. 在build資料夾下的webpack.base.conf.js的rules裡面新增配置(和其它配置項形式一樣即可):
{
  test: /\.sass$/,
  loaders: ['style', 'css', 'sass']
}
  1. 在使用sass的vue檔案的
<style lang="scss">
  1. 然後正常執行專案即可。