1.less1。安装1.如果没有安装less，请安装lessnpmiless-loaderless--save-dev2。如果需要定义全局变量，请安装npmistyle-resources-loader--save-dev3。在项目根目录（src级别）创建vue.config.js，配置constpath=require('path')functionresolve(dir){returnpath.join(__dirname,dir)}module.exports={pluginOptions:{//第三方插件配置'style-resources-loader':{preProcessor:'less',patterns:[(,'./src/assets/styles/vars.less')]//你全局样式的地址地址}}}2.使用//vars.less@my-bg-color:#f5f5f5;@我的主题颜色：#F04846；//page.my-header{background:@my-theme-color;}提示：如果发现页面导入一直报错，说找不到或者不存在，或者定义无效，那就安装npmivue-cli-plugin-style-resources-loader--save-dev一般情况下，安装style-resources-loader时，vue-cli-plugin-style-resources-loader应该一起安装，但有时特殊原因导致vue-cli-plugin-style-resources-loader安装失败，所以会Packagethiswrong。安装后重启即可使用。2.scss方法12.1安装npminode-sass@4.14.1npmisass-loader@7-Dnpmistyle-loader-D2.2vue.config.js//vue-loader页面module.exports={module:{rules:[//...忽略其他规则//正常的`.scss`文件和//`*.vue`文件中的`
