ITPub博客

首页 > IT职业 > IT职场 > vue 项目 使用sass以及注意事项

vue 项目 使用sass以及注意事项

IT职场 作者:xxyg 时间:2021-09-09 09:38:29 0 删除 编辑

vue 项目 使用sass以及注意事项

1,安装依赖:

npm install node-sass --save-dev
npm install sass-loader --save-dev

注:

通常使用npm安装会出现以下报错,安装失败。(网路问题)

图片描述

可以通过淘宝的npm镜像安装node-sass,解决以上问题。

$ npm install -g cnpm --registry=https://registry.npm.taobao.org  (安装淘宝镜像)

$ cnpm install node-sass  --save (使用淘宝镜像安装node-sass)

注:安装淘宝镜像后,仍无法安装node-sass的情况,执行下列命令

$ npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass

说明:

 --registry=https://registry.npm.taobao.org 淘宝npm包镜像 --disturl=https://npm.taobao.org/dist 淘宝node源码镜像,一些二进制包编译时用 --sass-binary-site=http://npm.taobao.org/mirrors/node-sass 这个才是node-sass镜像 2,进入webpack.base.config.js 配置scss:如下图:图片描述

 

如上添加配置scss:

{
     test: /.scss$/,
     loaders: ["style", "css", "sass"]
}

3,如何引用外部的scss文件。

图片描述

 

如有不足之处,请多多指教!!!github项目地址:https://github.com/whiskyma

原文出处:http://www.cnblogs.com/maqingyuan/p/9376853.html

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2865/viewspace-2805493/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-16

  • 博文量
    77
  • 访问量
    445