vue-最佳实践

一：less/saas变量全局引入

如果使用了less/saas预处理，在.vue文件的样式代码中需要使用less全局变量,一般会在当前vue中引入所需要的less相关变量文件，如果在很多的.vue文件都需要使用这些样式变量，在每个文件都要写类似@import "../../varible.less"这样的代码,显然这样是一件很麻烦的事。 因此如果能自动将这些定义为全局的变量、mixin的文件引入到.vue文件，那将能解决这个问题

1. sass-resources-loader
   sass-resources-loader可以在编译saas/less文件得时候，将需要引入的变量注入，从而解决这个问题
2. 解决方案
   I：npm install sass-resources-loader --save-dev
   II: 在build/utils.js中加入如下代码

   

path.resolve(__dirname, '../src/style/style.less')路径改成自己对应的文件
然后后面将 return{} 块中的 less: generateLoaders('less')
替换成上面自定义的函数 less: lessResourceLoader()