vuejs配置less

標籤：css   需要   image   web   src   pat   png   bsp   without   

在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  是需要發布到生產環境的。

 

 

轉載：http://www.cnblogs.com/hawk-zz/p/6543330.html

vuejs配置less