vue-cli构建的项目默认是不支持的较少,需要自己添加依赖
1。少安装和less-loader,在项目目录下运行如下命令
npm安装少less-loader——save-dev
2。安装成功后,打开<代码>构建/webpack.base.conf。js代码> ,在<代码>模块。出口=> 代码的对象的module.rules后面添加一段:
模块。出口={//此处省略无数行,已有的的其他的内容 模块:{ 规则:[//此处省略无数行,已有的的其他的规则 { 测试:/\ .less/美元, 装载机:“style-loader css-loader ! less-loader”, } ] } }
3。最后,在代码中风格的标签中加上<代码> lang=吧佟?/代码>属性即可
& lt;风格lang=吧佟眘coped> .index-wrap { 显示:flex; 对齐项目:中心; justify-content:中心; 跨度{ 字体大小:0.373快速眼动; } } & lt;/style>
以上所述是小编给大家介绍的vue cli安装使用更少的教程详解,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持。
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!