2020
10-24
10-24
解决vue中使用less/sass及使用中遇到无效的问题
一:使用方法在vue官方脚手架中,即vue-lci搭建的项目中,可以轻易的使用less/sass。先使用npm下载依赖,命令行为'npminstalllessless-loader?save',再在webpack.base.conf.js中添加rules对象:{test:/\.less$/,loader:"style-loader!css-loader!less-loader"}`然后在style标签中添加lang=”less”即可,或者直接引用less文件,或者import一个less文件(如同import一个css文件)。<stylelang="less">//import'....
继续阅读 >
首先你要有node和npm的环境,没得话先下载。https://nodejs.org/en/然后下载lesscnpminstallless-gnpminstallless-gcnpm用的是淘宝镜像-g全局下载上面的那个地址你先复制好,我的是这个:C:\Users\18309\AppData\Roaming\npm\lessc然后看着这个图弄:把上面的路径复制过来后面再加上.cmdC:\Users\18309\AppData\Roaming\npm\lessc.cmd我的是这个,然后重启。新建一个less文件写点东西,比如我的这个:body{width:100px;...