首先,说明一点,如果是使用<代码> npm init webpack> 代码项目名的方式创建的项目,无需手动配置webpack
所以再vue中使用更少的就非常简单了,只需要安装少,less-loader就行了
步骤
npm安装少less-loader——保存//将和less-loader安装到开发依赖 npm运行dev
如果安装成功那么就可以再vue组件中使用少了
& lt;风格lang=吧佟眘coped> .hello { 一个{ 颜色:红色; } }
vue中如何使少用
http://element.eleme.io/ ,,,,//
elementUI是基于vue2
vue中使用更少的
首先vue开发环境已经安装成功
当所有东西都准备好之后:
第一步:
安装少依赖,<代码> npm安装少less-loader——保存代码>
第二步:
修改webpack.config.js文件,配置装载机加载依赖,让其支持外部的少,在原来的代码上添加
{ 测试:/\ .less/美元, 装载机:“style-loader css-loader ! less-loader”, },
现在基本上已经安装完成了,然后在使用的时候在风格标签里加上lang=吧佟崩锩婢涂梢孕瓷俚拇肓?风格标签里加上作用域为只在此作用域有效)
(或者 @ import”。/index.less ';//引入全局少文件 )。 ( html中直接引入: & lt;链接rel="样式表/少" type=" text/css " href=" https://www.yisu.com/zixun/文件路径/styles.less”rel=巴獠縩ofollow”比; & lt;脚本src=" https://www.yisu.com/zixun/文件路径/less.js " type=" text/javascript祝辞& lt;/script> )