美文网首页
vue项目引入公共样式less文件

vue项目引入公共样式less文件

作者: 好好学习__天天向上 | 来源:发表于2022-07-08 08:47 被阅读0次

    1、公共样式文件

    base-style.less

    2、引入方式

    (1)局部引入

    aa.vue

    (2)全局引入

           a.需要安装sass-resources-loader。

    npm install sass-resources-loader

          b.找到build文件夹下面的utils.js 找到 less: generateLoaders('less') 

    替换为:

        less: generateLoaders("less").concat({

          loader: "sass-resources-loader",

          options: {

            resources: path.resolve(__dirname, "../src/assets/css/base-style.less")

          }

        }),

    build/utils.js

    c.vue 文件引入

    aa.vue

    相关文章

      网友评论

          本文标题:vue项目引入公共样式less文件

          本文链接:https://www.haomeiwen.com/subject/rtdpbrtx.html