electron-vue配置sass全局变量

最新推荐文章于 2024-08-16 11:54:29 发布

芈鹿

最新推荐文章于 2024-08-16 11:54:29 发布

阅读量2.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Electron-Vue 文章标签： electron-vue配置sass全局变量

本文链接：https://blog.youkuaiyun.com/qq_43627981/article/details/98033025

方法一

下载安装sass-resources-loader 官方文档https://www.npmjs.com/package/sass-resources-loader

npm install sass-resources-loader

在webpack.renderer.config.js下找到moudle配置项

只需要替换scss后缀的use配置即可,引入你的全局样式文件,这样你样式里面的变量属性就可以在任意文件下使用了

全局样式路径

 {
        test: /\.scss$/,
        use: [
          "vue-style-loader",
          "css-loader",
          "sass-loader",
          {
            loader: "sass-resources-loader",
            options: {
              resources:  path.resolve(__dirname, '../src/renderer/styles/index.scss')
            }
          }