javascript - vue-cli 小白，请教如何在配置文件中引入一个css/scss/less文件

问题描述

问 题

先说说说的需求吧，我想使用vue官方提供的脚手架去做一个demo，练习一下自己之前学的vue的相关东西。但是就碰到了这样一个问题，vue官方的脚手架是将css/less/scss写在.vue文件里的style标签内，但是我在做一个移动端的页面的时候一般都会有一个base.css/less/scss文件，提供初始化的样式，个人觉得这样的文件应该使用link标签统一引入进来。
看了下vue-cli的webpack相关配置文件我就懵b了，我会一些webpack，但是无奈我还是不知道怎么在配置文件这样。

这是src，文件夹的结构，我想使用src/css/base.scss文件，让它在根目录的index.html 已link标签的形式引入进来，我应该怎么做？越详细越好，谢谢大神！

顺便说下，我的vue版本是2.x的

解决方案

直接在main.js里require或者import样式文件就好。

这篇关于javascript - vue-cli 小白，请教如何在配置文件中引入一个css/scss/less文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！