vuecli3 全局配置使用 scss
程序员文章站
2022-06-13 16:05:04
...
1.首先先引入sass-resources-loader
npm i sass-resources-loader --save-dev
2.打开vue.config.js (没有找到的话新建一个)
module.exports = {
css: {
loaderOptions: {
sass: {
prependData: `@import "@/views/styles/你的.scss";`
}
}
}
}
@对应的src文件夹
prependData是新版的,data是旧版的。
推荐阅读
-
vue2中使用sass并配置全局的sass样式变量的方法
-
vue vuecli3.0 使用 scss-loader,设置全局scss变量
-
vue-cli项目中使用mockjs(基础使用和全局配置使用)
-
vue中配置scss全局变量的步骤
-
windows使用proxifier全局代理 - 配置可用; windows10 配置全局代理 走 socks5
-
在vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作
-
vuecli3 配置全局less文件
-
vuecli3 全局配置使用 scss
-
使用配置类定义Codeigniter全局变量_php实例
-
使用配置类定义Codeigniter全局变量_PHP