vue-cli 如何配置sass

你怕黑暗麼發表於2017-09-23
Vue

第一步：安裝對應的node模組

npm install node-sass --save-dev
npm install sass-loader --save-dev

第二步：在webpack.base.config.js檔案中對loaders規則 進行如下配置

{
        test:/\.scss/,
        loader:["style","css","sass"]
      }

第三步：在檢視或者元件中所需要的地方新增style標籤如下

<style lang="scss" scoped>
 /*樣式程式碼*/
</style>

註明：scoped是讓樣式只在當前元件或者檢視中起作用的

相關文章