在vue中引入外部less文件
首先vue环境搭建成功
1.安装 less 和less-loader
2.修改 webpack.config.js 文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader",
},

安装配置成功!!直接在需要的地方引入即可

本文介绍如何在Vue项目中引入并使用外部LESS文件。主要内容包括:安装LESS和less-loader;配置Webpack来支持LESS文件;以及如何在Vue组件中正确地引入LESS样式。
首先vue环境搭建成功
1.安装 less 和less-loader
2.修改 webpack.config.js 文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader",
},

安装配置成功!!直接在需要的地方引入即可

3580
971

被折叠的 条评论
为什么被折叠?