1、安装 sass-resources-loader,安装less

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

2、添加函数,启动项目

找到 build/utils.js 文件,在 exports.cssLoaders 模块中加多一个函数

 

function lessResourceLoader() {
        var loaders = [
            cssLoader,
            'less-loader',
            {
                loader: 'sass-resources-loader',
                options: {
                    resources: [
                        path.resolve(__dirname, '../src/resource/css/global/global.less'), //定义全局变量的文件路径 
                    ]
                }
                        }
        ];
        if (options.extract) {
            return ExtractTextPlugin.extract({
                use: loaders,
                fallback: 'vue-style-loader'
            })
        } else {
            return ['vue-style-loader'].concat(loaders)
        }
    }
Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐