美文网首页
【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