vuejs如何配置less
本次我们来聊聊,vuejs里如何使用less。都是根据自己的开发经验来写,不对的地方请各位拍砖。
在webstorm上配置less
首先,全局安装less
npm install less -g
然后,在webstorm上配置less插件,"file" --> "settings"-->"tools"
在"file watchers" -->"+"-->"less"
在"program"里填写less的安装路径;
在"argument" 里的不用修改;
在"output paths to refresh"里填写解析的.css文件路径,($filenamewithoutextension$.css 这是解析在与less同一路径目录下);
vue项目配置less
首先,安装less依赖:"less" 与 "less-loader";
npm install less less-loader --save(这里最好是写成--save)
接着,配置webapck解析,"bulid"-->"webpack.base.config.js",添加一下代码
{ test: /\.less$/, loader: 'style-loader!css-loader!less-loader' }
简说安装依赖是"--save"和"--save dev"的区别
我们在使用npm install 安装模块或插件的时候,有两种命令把他们写入到 package.json 文件里面去,比如:
--save-dev
--save
在 package.json 文件里面提现出来的区别就是,使用 --save-dev 安装的 插件,被写入到 devdependencies 对象里面去,而使用 --save 安装的插件,则被写入到 dependencies 对象里面去。
那 package.json 文件里面的 devdependencies 和 dependencies 对象有什么区别呢?
devdependencies 里面的插件只用于开发环境,不用于生产环境,而 dependencies 是需要发布到生产环境的。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
推荐阅读
-
【CloudXNS教您几招】如何让多ip域名配置游刃有余?(1) 域名解析智能dns线路多ip
-
如何配置windows 10系统下的本地HTTPs开发环境
-
关于树型结构的表,在hibernate中如何配置。 HibernateJavaAccess
-
mysq如何配置win10的环境变量?
-
mysql5.7数据库安装完成后如何配置环境变量
-
spring 如何将配置信息注入静态变量的方法
-
利用Jasypt如何对Spring Boot配置文件加密
-
mysql 5.7如何安装 mysql 5.7安装配置教程
-
详解Spring Security如何配置JSON登录
-
SQL Server数据库连接 Web.config如何配置