前端小白,我想在vue-cli生成的webpack模板中使用bootstrap并用scss來編寫樣式。但是模板中的WebPack配置太多,我直接蒙逼了。而且scss-loader的README也僅僅給出了一點(diǎn)點(diǎn)WebPack配置,和vue生成的模板相比大相徑庭。所以大神們能不能詳細(xì)說說,應(yīng)該添加什么包,然后編輯那個(gè)文件?我現(xiàn)在照著人家的README添加了scss-loader和node-sass,然后嘗試在main.js中寫入下面一行。import './assets/css/site.scss'scss文件是這么寫的,然后不管是運(yùn)行還是打包vue,果不其然的都失敗了……@import "~bootstrap/scss/bootstrap.scss";.color-animate { animation: color-transition 10s ease 2s infinite;}@keyframes color-transition { 0% { color: $red; } 25% { color: $orange; } 50% { color: $teal; } 75% { color: $blue; } 100% { color: $purple; }}
如何在vue-cli生成的webpack模板中添加和使用scss?
慕運(yùn)維8079593
2019-02-27 13:12:16