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

在vue項目中使用sass的配置方法

 更新時間:2018年03月20日 10:28:05   作者:Jarvan大熊  
這篇文章主要介紹了在vue項目中使用sass的配置方法,需要的朋友可以參考下

  1、創(chuàng)建一個基于 webpack 模板的新項目

$ vue init webpack myvue

2、在當前目錄下,安裝依賴

$ cd myvue
$ npm install

3、安裝sass的依賴包

npm install --save-dev sass-loader
//sass-loader依賴于node-sass
npm install --save-dev node-sass

4、在build文件夾下的webpack.base.conf.js的rules里面添加配置

{
 test: /\.sass$/,
 loaders: ['style', 'css', 'scss']
}

如下圖所示:

5、在APP.vue中修改style標簽

<style lang="scss">

6、然后運行項目

$ npm run dev

7、修改APP.vue的樣式,可以看下效果

8、運行結果背景變成灰色嗎,說明你已成功配置好sass

總結

以上所述是小編給大家介紹的在vue項目中使用sass的配置方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!

相關文章

  • vue+elementui 對話框取消 表單驗證重置示例

    vue+elementui 對話框取消 表單驗證重置示例

    今天小編就為大家分享一篇vue+elementui 對話框取消 表單驗證重置示例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-10-10
  • vue?內置組件?component?的用法示例詳解

    vue?內置組件?component?的用法示例詳解

    這篇文章主要介紹了vue內置組件component的用法,本文給大家介紹了component內置組件切換方法,通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-08-08
  • vue 優(yōu)化CDN加速的方法示例

    vue 優(yōu)化CDN加速的方法示例

    這篇文章主要介紹了vue 優(yōu)化CDN加速的方法示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-09-09
  • elementUI動態(tài)嵌套el-form表單校驗舉例詳解

    elementUI動態(tài)嵌套el-form表單校驗舉例詳解

    最近工作遇到個需求,表單可以進行增加刪除操作,需要進行表單校驗,這篇文章主要給大家介紹了關于elementUI動態(tài)嵌套el-form表單校驗的相關資料,文中通過圖文介紹的非常詳細,需要的朋友可以參考下
    2023-06-06
  • Vuejs+vue-router打包+Nginx配置的實例

    Vuejs+vue-router打包+Nginx配置的實例

    今天小編就為大家分享一篇Vuejs+vue-router打包+Nginx配置的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-09-09
  • vue項目打包成桌面快捷方式(electron)的方法

    vue項目打包成桌面快捷方式(electron)的方法

    本文主要介紹了vue項目打包成桌面快捷方式(electron)的方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2022-06-06
  • Vue利用AJAX請求獲取XML文件數(shù)據(jù)的操作方法

    Vue利用AJAX請求獲取XML文件數(shù)據(jù)的操作方法

    在現(xiàn)代Web開發(fā)中,從前端框架到后端API的交互是必不可少的一部分,Vue.js作為一個輕量級且功能強大的前端框架,支持多種方式與服務器通信,從而獲取或發(fā)送數(shù)據(jù),本文將詳細介紹如何在Vue.js項目中使用AJAX請求來獲取XML格式的數(shù)據(jù),需要的朋友可以參考下
    2024-09-09
  • 基于vue2實現(xiàn)上拉加載功能

    基于vue2實現(xiàn)上拉加載功能

    這篇文章主要為大家詳細介紹了基于vue2實現(xiàn)上拉加載功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-11-11
  • Vue el-upload單圖片上傳功能實現(xiàn)

    Vue el-upload單圖片上傳功能實現(xiàn)

    這篇文章主要介紹了Vue el-upload單圖片上傳功能實現(xiàn),本文通過示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-11-11
  • Vue?3.0?項目創(chuàng)建過程及解決方案

    Vue?3.0?項目創(chuàng)建過程及解決方案

    這篇文章主要介紹了Vue?3.0?項目創(chuàng)建過程,首先要確保電腦上已安裝node.js,確保已安裝?Vue?CLI,本文結合實例代碼給大家介紹的非常詳細,需要的朋友可以參考下
    2024-04-04

最新評論