我们在使用vue框架的时候,都会有需要引用css的时候,但是在vue中引用css文件我们需要配置两个loader,一个是style-loader,一个是css-loader。
首先我们要通过脚手架下载这两个loader,命令行为 cnpm installl style-loader css-loader -D
下载完成之后,我们需要在webpack.config.js中配置两个loader。
配置方法如图:
我们必须先配置style-loader,在配置css-loader,但是在前几天搭建项目的时候遇到了一个错误,如图:
一开始我一直以为是我配置的不对,后来才发现,原来最近发生了变化,就是在使用style-loader和css-loader的时候,已经不需要再在webpack.config.js文件中配置loader就可以使用了。