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')
}