美文网首页
【vue】实现全局引入main.less样式文件

【vue】实现全局引入main.less样式文件

作者: 北极星丶超帅的 | 来源:发表于2019-01-05 10:48 被阅读38次

    之前想在main.js全局引入main.less,但并没用,最后还是得一个一个页面引用,非常繁琐,知道最近无意间发现安装sass-resources-loader插件便可实现全局引用,开心

    #安装
    npm i sass-resources-loader --save
    
    #配置 - 文件位置build/utils.js
      return {
        css: generateLoaders(),
        postcss: generateLoaders(),
        less: generateLoaders('less').concat({
          loader: 'sass-resources-loader',
          options:{
            resources:path.resolve(__dirname, '../src/assets/style/base.less')
          }
        }),
        sass: generateLoaders('sass', { indentedSyntax: true }),
        scss: generateLoaders('sass'),
        stylus: generateLoaders('stylus'),
        styl: generateLoaders('stylus')
      }
    

    相关文章

      网友评论

          本文标题:【vue】实现全局引入main.less样式文件

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