在vue中使用sass、less、stylus的配置方法

1、創建一個基於 webpack 模板的新項目

vue init webpack myvue

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

cd myvue
npm install

3、安裝css預編譯的依賴包

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


//less
npm i less less-loader -S


//stylus
npm install stylus --save-dev
npm install stylus-loader --save-dev

4、在vue文件中修改style標籤（以scss爲例）

<style lang="scss">