最近在給淄博本地一家客戶開發客戶管理系統的時候,需要用到vue+webpak來做前端開發,采用sass來做css模塊化。故來分享一下,用webpack+vue 如何使用sass!
1、創建一個基于 webpack 模板的新項目
$ vue init webpack project_name
2、安裝sass的依賴包
npm install --save-dev sass-loader
//sass-loader依賴于node-sass npm install --save-dev node-sass
3、在build文件夾下的webpack.base.conf.js的rules里面添加配置
{ test: /\.sass$/, loaders: ['style', 'css', 'sass'] }
4、在APP.vue中修改style標簽
<style lang="scss">
云恒網絡www.xyzqw.net版權所有 備案號:魯ICP備19021997號-1 淄博高端網站建設、網絡營銷知名品牌 網絡整合傳播機構