nuxt 引用scss 文件
来源:互联网 发布:mac usb3.0 编辑:程序博客网 时间:2024/05/19 11:46
很奇怪,scss文件其实是可以引用的 ,但是有人来问博主 他已经安装好了node-sass、sass-loader 但是还是编译不了,后面博主远程了下 ,
其实根本是没安装的,因为他npm install 之后 代码继续往下走,他以为安装过了,
现在博主来教下大家 怎么正确安装scss的
首先
npm install cnpm cnpm install node-sass cnpm install sass-loader cnpm install postcss-loader cnpm install style-loader --save cnpm install css-loader --save
好,如果你nuxt 是 想把这个 scss放通用的样式 你在 config里面
module.exports = {css: [ { src: '~assets/cyc.scss', lang: 'scss' } // 指定 scss 而非 sass],恩,这个是放公共样式的地方,
如果你想单页面引用 单个scss 注意 以下是错误的方法 这种虽然可以dev 但是 你打包的时候就报错了,注意!
import '~/assets/a1.scss'
好 正确的方法是
<template></template><script></script><style src='../assets/a1.scss'></style>
你会发现 貌似 scss里面不能执行scss语法,没事,看我接下去出的全局配置 sass
好,点不点赞看你了,或者 可以加入 我的 群153181864 前端交流群 ,绝对原创,转载请附上 本微博链接。阅读全文
0 0
- nuxt 引用scss 文件
- nuxt sass全局变量也就是公共 scss 解决方案
- 使用brackets编译scss文件
- SCSS文件编译乱码解决办法
- scss文件间的继承
- scss
- SCSS
- scss
- scss
- scss
- scss
- scss
- nuxt的 nuxt-link 有个坑
- 【scss编译】基于Webstorm File Watch的自动编译scss文件.md
- webstorm下scss文件 编译成微信小程序wxss文件
- nuxt.js 路由 nuxt-link的用法
- Sublime Text 编辑器为.ts .scss文件设置高亮
- sublime text3 less和scss文件高亮显示
- shell脚本 颜色背景的显示方法
- MNIST数据集训练
- redis详解-(7)有序集合
- JS 数组 返回值方法
- 媒体报道:美国银行即将关闭三个数据中心
- nuxt 引用scss 文件
- SSO单点登录一(Spring+SpringMVC+固定密码)实现的简单的同域SSOdemo
- ffmpeg window下的编译优秀资源
- 网络模型结构的绘制
- 一些js小技巧代码(随时更新)
- iBatis 动态SQL (Dynamic SQL)
- Android 开机动画分析
- 关于Uncaught ReferenceError: $ is not defined的错误
- JavaEE之-Spring详解