1.安裝sass的依賴包
npm install --save-dev sass-loader
(若出錯酷师,因?yàn)閟ass-loader版本過高導(dǎo)致贮缕,可以將其package.json中的版本改為7.3.1凭需,然后再重新安裝sass-loader包问欠,若是還過高,則重裝6.x,cnpm i sass-loader@6.x --save-dev
)
2.//sass-loader依賴于node-sass,所以要安裝node-sass
npm install --save-dev node-sass
3.在build文件夾下的webpack.base.conf.js的rules里面添加配置
{
test: /\.sass$/,
loaders: ['style', 'css', 'sass']
}
注意:下面這個 加不加視情況定(css的)
{
test:/\.css$/,
loader:'style-loader'
},
{
test:/\.css$/,
loader:'css-loader'
},
4.在APP.vue中修改style標(biāo)簽
<style lang="scss">
5.然后運(yùn)行項(xiàng)目
$ npm run dev