在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的配置方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
相關文章
elementUI動態(tài)嵌套el-form表單校驗舉例詳解
最近工作遇到個需求,表單可以進行增加刪除操作,需要進行表單校驗,這篇文章主要給大家介紹了關于elementUI動態(tài)嵌套el-form表單校驗的相關資料,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2023-06-06Vue利用AJAX請求獲取XML文件數(shù)據(jù)的操作方法
在現(xiàn)代Web開發(fā)中,從前端框架到后端API的交互是必不可少的一部分,Vue.js作為一個輕量級且功能強大的前端框架,支持多種方式與服務器通信,從而獲取或發(fā)送數(shù)據(jù),本文將詳細介紹如何在Vue.js項目中使用AJAX請求來獲取XML格式的數(shù)據(jù),需要的朋友可以參考下2024-09-09