web项目html引入css文件路径,详解Webpack和Webpack-simple中如何引入CSS文件_旧店_前端开发者...
博主最近研究首先说一下如何在webpack中引入之后在App.vue文件中在style标签项目写入你想要引入的样式:本例引入的样式是一个名为nam.css的文件,该文件只是让页面变蓝,之后运行即可。再来说一下webpack-simple是如何引入css文件的。webpack-simple从名字就可以看出他是一个简化版,在webpack中即使不下载style-loader,不在webpack.bas
·
博主最近研究
首先说一下如何在webpack中引入
之后在App.vue文件中在style标签项目写入你想要引入的样式:
本例引入的样式是一个名为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'
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持前端开发者。
更多推荐
已为社区贡献1条内容
所有评论(0)