這篇文章主要介紹vuejs配置less的方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯公司憑借專業(yè)的設計團隊扎實的技術支持、優(yōu)質高效的服務意識和豐厚的資源優(yōu)勢，提供專業(yè)的網站策劃、成都做網站、網站設計、外貿營銷網站建設、網站優(yōu)化、軟件開發(fā)、網站改版等服務，在成都十多年的網站建設設計經驗，為成都數千家中小型企業(yè)策劃設計了網站。

在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"的區(qū)別

我們在使用npm install 安裝模塊或插件的時候，有兩種命令把他們寫入到 package.json 文件里面去，比如：

--save-dev

--save

在 package.json 文件里面提現出來的區(qū)別就是，使用 --save-dev 安裝的 插件，被寫入到 devDependencies 對象里面去，而使用 --save 安裝的插件，則被寫入到 dependencies 對象里面去。

那 package.json 文件里面的 devDependencies  和 dependencies 對象有什么區(qū)別呢？

devDependencies  里面的插件只用于開發(fā)環(huán)境，不用于生產環(huán)境，而 dependencies  是需要發(fā)布到生產環(huán)境的。

以上是“vuejs配置less的方法”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創(chuàng)新互聯行業(yè)資訊頻道！