vuejs如何配置less
本次我們來聊聊，vuejs里如何使用less。都是根據(jù)自己的開發(fā)經(jīng)驗來寫，不對的地方請各位拍磚。
在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)境的。
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
本篇文章主要介紹了vue.js組件化開發(fā)實踐，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
這篇文章主要介紹了關(guān)于vue編譯版本引入的問題的解決，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
vue3插槽:el-table表頭插入tooltip及更換表格背景色方式
這篇文章主要介紹了vue3插槽:el-table表頭插入tooltip及更換表格背景色方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
啟動項目時遇到ES6的拓展運算符報錯可以通過切換到淘寶鏡像,以及在項目根目錄下新增.babelrc和postcss.config.js文件來解決,這些操作有助于正確配置項目環(huán)境,從而避免報錯,并保證項目的順利運行,希望這些經(jīng)驗?zāi)軌驇椭接龅较嗤瑔栴}的開發(fā)者2024-10-10
這篇文章主要介紹了vuex的使用及持久化state的方式詳解,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
本篇文章主要介紹了Vue多種方法實現(xiàn)表頭和首列固定的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了vue項目部署到非根目錄下的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
在?vue?里我們可以通過全局事件總線來實現(xiàn)任意組件之間通信，它的原理是給?Vue?的原型對象上面添加一個屬性。這樣的話我所有組件的都可以訪問到這個屬性，然后可以通過這個屬性來訪問其他組件給這個屬性上面綁定的一些方法，從而去傳遞數(shù)據(jù)2022-08-08
在vue中當我們管理數(shù)據(jù)的時候比較亂，我們要用到下面的這個庫，本文主要介紹了如何使用 Vuex的入門教程，具有一定的參考價值，感興趣的可以了解一下2022-02-02
這篇文章主要介紹了Vue面試題及Vue知識點整理，本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友參考下吧2018-10-10