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

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

--save-dev

--save

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

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

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

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