web项目html引入css文件路径,详解Webpack和Webpack-simple中如何引入CSS文件_旧店_前端开发者...
生活随笔
收集整理的這篇文章主要介紹了
web项目html引入css文件路径,详解Webpack和Webpack-simple中如何引入CSS文件_旧店_前端开发者...
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
博主最近研究
首先說一下如何在webpack中引入
之后在App.vue文件中在style標(biāo)簽項目寫入你想要引入的樣式:
本例引入的樣式是一個名為nam.css的文件,該文件只是讓頁面變藍,之后運行即可。
再來說一下webpack-simple是如何引入css文件的。webpack-simple從名字就可以看出他是一個簡化版,在webpack中即使不下載style-loader,不在webpack.base.conf.
首先是下載webpack-simple,如上面一樣操作下載。下載完后需要在該項目目錄下鍵入npm install css-loader?style-loader –save-dev,下載完后要在webpack.config.
注意,use里面的順序不能反過來,否則會報錯。
之后在src/assets/main.
import './assets/blue.css'
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持前端開發(fā)者。
總結(jié)
以上是生活随笔為你收集整理的web项目html引入css文件路径,详解Webpack和Webpack-simple中如何引入CSS文件_旧店_前端开发者...的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 台式计算机cpu扣不下去,如果台式机的C
- 下一篇: 俄罗斯坦克的红眼怎么干扰导弹