vue中使用Less全局变量
1、安装 sass-resources-loader,安装lessnpm install sass-resources-loader --save-devnpm install less less-loader --save2、添加函数,启动项目找到 build/utils.js 文件,在 exports.cssLoaders 模块中加多一个函数 ...
·
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)
}
}更多推荐



所有评论(0)