美文网首页
vue-cli 配置全局sass/less,不需要重复引入

vue-cli 配置全局sass/less,不需要重复引入

作者: 无疆wj | 来源:发表于2021-03-08 14:39 被阅读0次

    vue.config.js中

    // vue.config.js
    
    /**
     * @type {import('@vue/cli-service').ProjectOptions}
     */
    module.exports = {
      // 选项...
      css: {
        loaderOptions: {
          css: {
            // 这里的选项会传递给 css-loader
          },
          // postcss: {
          //   // 这里的选项会传递给 postcss-loader
          // },
          sass: {
            additionalData: `@import "@/assets/css/common.scss";`
          },
          less: {
            // 若 less-loader 版本小于 6.0,请移除 lessOptions 这一级,直接配置选项。
            lessOptions: {
              modifyVars: {
                // 或者可以通过 less 文件覆盖(文件路径为绝对路径)
                hack: `true; @import "@/assets/css/common.less";`,
              },
            },
          }
        }
      }
    }
    

    相关文章

      网友评论

          本文标题:vue-cli 配置全局sass/less,不需要重复引入

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