vue.config.js错误代码

最新推荐文章于 2025-06-01 00:57:19 发布

原创最新推荐文章于 2025-06-01 00:57:19 发布 · 340 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js #前端

vue 专栏收录该内容

722 篇文章

订阅专栏

本文介绍了如何在Vue项目中使用配置文件vue.config.js，通过loaderOptions设置CSS加载器选项，以导入并预处理src/styles/main.scss中的样式，特别关注了如何将body的背景颜色设为红色。

vue.config.js: <js>
module.exports = {
    css: {
        loaderOptions: {
            scss: {
                prepndData: `@import "./src/styles/main.scss";`
            }
        },
    }
}

src/styles/main.scss: <css>
body {
    background-color: red;
}