在vue-cli中如何安装scss,并全局引入scss
2024-08-30 06:50:37
在vue-cli脚手架采用scss正确的使用姿势
步骤一: 安装node-sass、sass-loader、style-loader
npm install node-sass --save-dev
npm install sass-loader --save-dev
npm install style-loader --save-dev
步骤二: 安装sass-resources-loader
npm install sass-resources-loader --save-dev
步骤三: 修改build中的utils.js
scss: generateLoaders('sass') 修改成: scss: generateLoaders('sass').concat(
{
loader: 'sass-resources-loader',
options: {
resources: path.resolve(__dirname, '../src/assets/global.scss')
}
}
)
可知,我是在assets中创建了一个global.scss文件。
最后,在组件中的style标签添加lang="scss",就OK了。
=======================================================
各位如果引入和使用中有任何问题可以给我发私信联系
最新文章
- nginx之location匹配优先级和安全问题
- UICollectionView 自定义组头组尾的XIB方法
- Gradle使用小结
- Boost学习笔记(五) progress_display
- 深入理解CSS元素可见性visibility
- 哈希 poj 3274
- C# 使用Trace记录程序日志
- Android消息推送——JPush极光推送
- MAC电脑操作快捷键
- 【转】Eclipse中一键调用javah生成jni的头文件
- Spring入门之HelloSpring
- SwiftyUserDefaults-封装系统本地化的框架
- 《Intel汇编第5版》 数组求和
- 查看JS object 结构
- ztree异步加载
- SAP BADI的“多次使用”(multiple use)
- Day03 - Ruby比一比:Module的include与extend
- python必看经典书籍:笨办法学python
- MySQL服务安全加固
- 正确开启Mockjs的三种姿势:入门参考(一)
热门文章
- hdu 6217 A BBP Formula 公式题
- 使用 Docker-Compose 编排容器
- MapReduce 程序mysql JDBC驱动类找不到原因及学习hadoop写入数据到Mysql数据库的方法
- 第二章python中的一切皆对象
- js规范思维导图(仅限于自己)
- 虚方法(virtual)\抽象方法(abstract)\接口(interface)的区别
- GitHub 上传文件过大报错:remote: error: GH001: Large files detected.
- 深度学习之TCN网络
- SCAN----Redis检索键值对
- 【Gamma阶段】第八次Scrum Meeting