vue-cli 如何使用scss

2024-12-04 00:29:29
推荐回答(1个)
回答1:

一、创建一个基于 webpack 模板的新项目


1、全局安装 vue-cli


$ npm install --global vue-cli


2、创建一个基于 webpack 模板的新项目


$ vue init webpack my-project


3、安装依赖


$ cd my-project
$ npm install


4、为了使用sass,我们需要安装sass的依赖包


npm install --save-dev sass-loader
//sass-loader依赖于node-sass
npm install --save-dev node-sass


5、修改style标签


打开src目录下的components目录中的Hello.vue文件。
然后修改 style标签如下