可以通过在项目的根目录下创建一个名为 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.lessmixins.less 文件,这些文件将会被自动导入到每个组件中。

注意,如果你的文件夹结构与上述配置不同,需要根据实际情况进行修改。

vue给模块所有的组件导入less但不想在每个组件内都导入所需的 less 文件

原文地址: https://www.cveoy.top/t/topic/cQWa 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录