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

之前想在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')
  }

猜你喜欢

转载自blog.csdn.net/weixin_33816946/article/details/87054710