zoukankan      html  css  js  c++  java
  • Vue项目中sass语法该怎么用?

    最近开始着手Vue框架,被各种报错蹂躏,其中有一个就是sass语法,<style>标签中添加<style lang="scss">,发现报错,在网上找了一些解决办法也比较乱,下面是我亲测切实可行的方法,给大家做一分享!

    在Chrome浏览器中的错误:

    这里写图片描述
    就是不能解析sass-loader 这种东西。 
    所以第一步需要在项目中引入:

     1. npm install sass-loader -D
     2..npm install node-sass -D

    第一个很快引入成功: 
    这里写图片描述 
    但是在第二个却出了错误: 
    这里写图片描述 
    但是我再用cnpm install node-sass -D 却成功了!!!(现在比较渣,也不知道是什么原因) 
    这里写图片描述
    这样项目就能够成功运行了: 
    这里写图片描述 

    如果还是不行的话,可以继续下面的操作:

    下面是官方Sass Loader的引入方法Sass Loade官方仓库

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

    npm install style-loader css-loader --save-dev

    在web pack.base.conf.js 里面加
    {
    test: /.scss$/,
    loaders: ["style", "css", "sass"]
    },

  • 相关阅读:
    Docker 第一章 安装测试
    时区
    操作系统层虚拟化
    KVM
    基于秘钥的登录认证
    Hypervisor
    通过域名区分不同网站服务
    硬件虚拟化
    虚拟化初识
    nginx rewrite (转发)
  • 原文地址:https://www.cnblogs.com/fxwoniu/p/11275214.html
Copyright © 2011-2022 走看看