vue安装less并全局引入less/sass文件

1.npm install less less-loader --save

2.配置less: 路径：build---webpack.base.conf.js添加

{test:/\.less$/, loader:'style-loader!css-loader!less-loader'}

3.想使用全局less,先安装插件

1）npm install sass-resources-loader --save-dev

2）在build/utils.js中找到return{}

return {css: generateLoaders(),postcss: generateLoaders(),less: generateLoaders('less').concat({loader: 'sass-resources-loader',options: {resources: [path.resolve(__dirname, '../static/styles/common.less'), path.resolve(__dirname, '../static/styles/components.less')]}}),sass: generateLoaders('sass', { indentedSyntax: true }),scss: generateLoaders('sass'),stylus: generateLoaders('stylus'),styl: generateLoaders('stylus')}