博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用 vue-cli 脚手架搭建项目,如何设置 scss 全局样式
阅读量:4094 次
发布时间:2019-05-25

本文共 517 字,大约阅读时间需要 1 分钟。

使用vue-cli模板创建新项目:

vue init webpack myvue

这里使用的是 vue-cli 2.0

配置流程:

1、先安装sacc依赖

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

2、找到配置文件 utils.js

文件位于 根目录下 /build/utils.js
3、找到配置项:scss: generateLoaders(‘sass’)
把它替换成如下代码并保存就可以了:

scss: generateLoaders('sass').concat(      {
loader: 'sass-resources-loader', options: {
resources: path.resolve(__dirname, '../src/assets/global.scss') // 这里是你的全局样式文件 } } )

推荐使用vscode作为开发工具,可以安装 easy sass 插件,可以自动编译 scss 文件。

转载地址:http://gavii.baihongyu.com/

你可能感兴趣的文章
Spring的IoC(依赖注入)原理
查看>>
Guava快速入门
查看>>
Java编程基础:static的用法
查看>>
Java编程基础:抽象类和接口
查看>>
Java编程基础:异常处理
查看>>
Java编程基础:了解面向对象
查看>>
新一代Java模板引擎Thymeleaf
查看>>
Spring MVC中使用Thymeleaf模板引擎
查看>>
Spring Boot构建简单的微博应用
查看>>
Spring处理表单提交
查看>>
Spring MVC异常处理
查看>>
Leetcode 1180. Count Substrings with Only One Distinct Letter [Python]
查看>>
PHP 7 的五大新特性
查看>>
php使用 memcache 来存储 session
查看>>
php实现socket(转)
查看>>
PHP底层的运行机制与原理
查看>>
深入了解php底层机制
查看>>
PHP中的stdClass 【转】
查看>>
XHProf-php轻量级的性能分析工具
查看>>
PHP7新特性 What will be in PHP 7/PHPNG
查看>>