您的位置:首页 > Web前端 > Vue.js

vue安装scss (less同理)

2019-02-11 10:41 85 查看

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

$ vue init webpack myvue

2、在当前目录下,安装依赖

$ cd myvue
$ npm install

3、安装sass的依赖包

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

4、在build文件夹下的webpack.base.conf.js的rules里面添加配置

{
test: /.sass$/,
loaders: [‘style’, ‘css’, ‘sass’]
}

如下图所示:

5、在APP.vue中修改style标签

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: