試了好多方法,不象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