vue配置less预编译处理器

安装 less less-loader npm install less less-loader --save-dev

>新建 文件 src 下面 /common/less/base.less

>main.js里面引入import './common/less/base.less'

>build/webpack.base.conf.js 修改：

resolve: {

extensions: ['.js', '.vue', '.json'],

alias: {

'vue$': 'vue/dist/vue.esm.js',

'@': resolve('src'),

'src':resolve('src'),

'less':resolve('src/common/less'),

'components': path.resolve(__dirname, '../src/components'),

}

},

然后你就可以在任意.vue文件，使用import xxxComponent from 'components/xxxComponent'