vue的import 添加请求头
在 Vue 中使用 @import 导入样式时,可以在 vue.config.js 中的 css.loaderOptions 中添加 prependData 选项来设置请求头。
示例代码如下:
module.exports = {
css: {
loaderOptions: {
sass: {
prependData: `
@import "@/assets/styles/variables.scss";
@import "@/assets/styles/mixins.scss";
`
}
}
}
};
其中,prependData 的值为要添加的样式代码,可以是一个字符串或一个函数。在这个示例中,我们添加了两个 Sass 文件,并使用 @import 导入它们。这些文件中包含了一些变量和混合器,可以在全局使用。
注意,这里的 @ 符号是指 src 目录的别名,需要在 vue.config.js 中配置 alias 才能使用。如果没有配置 alias,可以直接写成相对路径
原文地址: https://www.cveoy.top/t/topic/cpwd 著作权归作者所有。请勿转载和采集!