vue给模块所有的组件导入less但不想在每个组件内都导入所需的 less 文件
可以通过在项目的根目录下创建一个名为 vue.config.js 的文件,然后在该文件中配置 css.loaderOptions,来实现给模块所有的组件导入 less 文件。
具体的配置如下:
module.exports = {
css: {
loaderOptions: {
less: {
prependData: `
@import "@/assets/styles/variables.less";
@import "@/assets/styles/mixins.less";
`
}
}
}
};
以上配置中,我们在 less 选项中的 prependData 中导入了我们所需的 variables.less 和 mixins.less 文件,这些文件将会被自动导入到每个组件中。
注意,如果你的文件夹结构与上述配置不同,需要根据实际情况进行修改。
原文地址: https://www.cveoy.top/t/topic/cQWa 著作权归作者所有。请勿转载和采集!