vue2.5安装sass步骤和需要注意的点

1. sass依赖于node-sass，所以要先安装node-sass，但是现在如果直接使用 npm install node-sass --save来安装的话，会造成node-sass版本过高，运行不了。所以按照以下命令安装指定的版本。

npm install node-sass@4.14.1 --save-dev
npm install sass@1.26.5 --save-dev
npm install sass-loader@7.3.1 --save-dev

2. 在build文件夹下的webpack.base.conf.js的module下，rules里面添加配置。

{test: /\.sass$/,loaders: ['style', 'css', 'sass']
}

3. 在需要用到sass的地址添加lang="scss"即可

<style lang="scss" scoped>
</style>

vue2.5安装sass步骤和需要注意的点相关推荐

Mac环境下安装Sass
步骤一:安装ruby (1)安装 RVM 命令行窗口依次运行以下命令 ①安装: $curl -L https://get.rvm.io | bash -s stable ②载入rvm环境: $sour ...
linux怎么用源码安装mysql,Linux源码安装mysql步骤
创建文件夹: mkdir /usr/local/webserver 安装必要依赖包 yum -y install gcc gcc-c++ make ncurses-devel 安装cmake包: t ...
Cacti安装详细步骤
Cacti安装详细步骤前提LNMP或LAMP架构已搭建完成一.cacti概述 1. cacti是用php语言实现的一个软件,它的主要功能是用snmp服务获取数据,然后用rrdtool储存和更新数据 ...
python3安装setuptools步骤_setuptools、pip的安装
第2篇分享安装setuptools 下载setuptools源码setuptools-25.2.0.tar.gz 选择需要的版本这是一个压缩文件,将其解压到桌面,并进入该文件夹按住shift键后 ...
redis3.0.0 集群安装详细步骤
2019独角兽企业重金招聘Python工程师标准>>> redis3.0.0 集群安装详细步骤博客分类: 缓存 Redis集群部署文档(centos6系统) (要让集群正常工作至少 ...
Storm集群安装部署步骤【详细版】
作者: 大圆那些事 | 文章可以转载,请以超链接形式标明文章原始出处和作者信息网址: http://www.cnblogs.com/panfeng412/archive/2012/11/30/how ...
mysql的windows安装步骤_window mysql安装详细步骤
MYSQL安装: 步骤二:下载的安装包解压,解压完目录如下步骤三:新建my.ini文件,my.ini内容如下 [mysqld] # 设置3306端口 port=3306 # 设置mysql的安装目录 ...
linux redis数据库安装配置,Linux系统中redis的安装配置步骤
Linux系统中redis的安装配置步骤发布时间:2020-06-23 10:13:36 来源:亿速云阅读:87 作者:Leah 这篇文章将为大家详细讲解有关Linux系统中redis的安装配置步 ...
Ubuntu14.04下Neo4j图数据库官网安装部署步骤（图文详解）（博主推荐）
不多说,直接上干货! 说在前面的话首先,查看下你的操作系统的版本. root@zhouls-virtual-machine:~# cat /etc/issue Ubuntu 14.04.4 LTS ...

vue2.5安装sass步骤和需要注意的点

vue2.5安装sass步骤和需要注意的点相关推荐

最新文章

热门文章