所需依賴

style-loader?

css-loader

less-loader

sass-resources-loader

第一步

在build下webpack.base.config.js添加如下

{

? ? ? ? ? ? ?test: /\.less$/,

? ? ? ? ? ? ?loader: "style-loader!css-loader!less-loader",

?},

第二步

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

在buid下untils.js增加less配置

? function resolveResource(name) {

? ? ? return path.resolve(__dirname, '../src/style/' + name);//你自己的less文件路徑

? }

? function generateSassResourceLoader() {

? ? ? var loaders = [

? ? ? ? cssLoader,

? ? ? ? // 'postcss-loader',

? ? ? ? 'less-loader',

? ? ? ? {

? ? ? ? ? ? loader: 'sass-resources-loader',

? ? ? ? ? ? options: {

? ? ? ? ? ? ? //你自己的less文件名稱

? ? ? ? ? ? ? resources: [resolveResource('less.less')]

? ? ? ? ? ? }

? ? ? ? }

? ? ? ];

? ? ? if (options.extract) {

? ? ? ? return ExtractTextPlugin.extract({

? ? ? ? ? use: loaders,

? ? ? ? ? fallback: 'vue-style-loader'

? ? ? ? })

? ? ? } else {

? ? ? ? return ['vue-style-loader'].concat(loaders)

? ? ? }

? }