试了好多方法,不象vs code那样能直接在template vue文件中就识别less语法
下边这种分离的方式是可以的,在项目中也比较实用,将来你代码量大了,样式/脚本也还是要和template代码分开的
亲测scoped有效,lang='less'不能省,需要装less-loader,在cli创建的时候把less dev dependence选上,在独立的less文件中,语法就能完美识别了
直接引用less就可以了,不用再搞compile css那一套,集成了webpack功能的cli自动帮你搞妥妥
<template>html codes ...</template> <script src="./resource/HelloWorld.js"></script> <style src="./resource/HelloWorld.less" lang="less" scoped></style>
感谢 疯癫释流年 的分享 https://www.cnblogs.com/wy120/p/10179901.html