vue引入scss

1、npm install --save-dev sass-loader node-sass (安装完后重新npm run dev)

2、如果还报错,就在build/webpack.base.config.js中加上

{
    test: /\.scss$/,
    use: [
        {
            loader: 'style-loader' // creates style nodes from JS strings
        },
        {
            loader: 'css-loader' // translates CSS into CommonJS
        },
        {
            loader: 'sass-loader' // compiles Sass to CSS
        }
    ]
}
vue文件.png

个人的scss.png

公共的scss.png

页面展示.png

目录树.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 源码地址:https://github.com/h2huanghui/WEBPACK-BASE 一、概念 webp...
    smartHui阅读 1,781评论 0 1
  • 目录第1章 webpack简介 11.1 webpack是什么? 11.2 官网地址 21.3 为什么使用 web...
    lemonzoey阅读 1,767评论 0 1
  • webpack学习 一、初识webpack ​ 我们已经知道了模块化开发是非常重要和必要的了,而且也了解了一些...
    waigo阅读 987评论 0 2
  • 2-1 中文文档讲师主页印记中文 究竟是什么 最原始的网页开发方式 index.html index.js 测试 ...
    Mark同学阅读 488评论 0 0
  • 那般年,我在暗林深处追觅,你在光天化日逃避。 心路漫漫的我,遇终现背影的你;我心喜,你心糜;你迴眸不避,我...
    紫羊羽阅读 244评论 2 3