1、安装指定版本less ,最新版本的依赖包往往不稳定,容易出现问题
npm i less@3.9.0 less-loader@4.1.0
2、下载插件配置全局less变量
npm i style-resources-loader vue-cli-plugin-style-resources-loader -D
3、在根目录新建vue.config.js
// vue.config.js
const path = require("path");
module.exports = {
pluginOptions: {
"style-resources-loader": {
preProcessor: "less",
patterns: [path.resolve(__dirname, "src/global.less")]
}
}
};
4、重启项目 npm run serve
5、使用less
<style lang="less">
.table_wrap{
width:96%;
padding:20px 10px;
}
</style>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。