vuejs如何配置less
本次我們來(lái)聊聊，vuejs里如何使用less。都是根據(jù)自己的開(kāi)發(fā)經(jīng)驗(yàn)來(lái)寫，不對(duì)的地方請(qǐ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項(xiàng)目配置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'
}
簡(jiǎn)說(shuō)安裝依賴是"--save"和"--save dev"的區(qū)別
我們?cè)谑褂胣pm install 安裝模塊或插件的時(shí)候，有兩種命令把他們寫入到 package.json 文件里面去，比如：
--save-dev
--save
在 package.json 文件里面提現(xiàn)出來(lái)的區(qū)別就是，使用 --save-dev 安裝的 插件，被寫入到 devDependencies 對(duì)象里面去，而使用 --save 安裝的插件，則被寫入到 dependencies 對(duì)象里面去。
那 package.json 文件里面的 devDependencies 和 dependencies 對(duì)象有什么區(qū)別呢？
devDependencies 里面的插件只用于開(kāi)發(fā)環(huán)境，不用于生產(chǎn)環(huán)境，而 dependencies 是需要發(fā)布到生產(chǎn)環(huán)境的。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
本篇文章主要介紹了vue.js組件化開(kāi)發(fā)實(shí)踐，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
這篇文章主要介紹了關(guān)于vue編譯版本引入的問(wèn)題的解決，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
vue3插槽:el-table表頭插入tooltip及更換表格背景色方式
這篇文章主要介紹了vue3插槽:el-table表頭插入tooltip及更換表格背景色方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
vue項(xiàng)目啟動(dòng)時(shí)無(wú)法識(shí)別es6的擴(kuò)展語(yǔ)法的解決
啟動(dòng)項(xiàng)目時(shí)遇到ES6的拓展運(yùn)算符報(bào)錯(cuò)可以通過(guò)切換到淘寶鏡像,以及在項(xiàng)目根目錄下新增.babelrc和postcss.config.js文件來(lái)解決,這些操作有助于正確配置項(xiàng)目環(huán)境,從而避免報(bào)錯(cuò),并保證項(xiàng)目的順利運(yùn)行,希望這些經(jīng)驗(yàn)?zāi)軌驇椭接龅较嗤瑔?wèn)題的開(kāi)發(fā)者2024-10-10
這篇文章主要介紹了vuex的使用及持久化state的方式詳解,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
Vue多種方法實(shí)現(xiàn)表頭和首列固定的示例代碼
本篇文章主要介紹了Vue多種方法實(shí)現(xiàn)表頭和首列固定的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
vue項(xiàng)目部署到非根目錄下的問(wèn)題及解決
這篇文章主要介紹了vue項(xiàng)目部署到非根目錄下的問(wèn)題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
在?vue?里我們可以通過(guò)全局事件總線來(lái)實(shí)現(xiàn)任意組件之間通信，它的原理是給?Vue?的原型對(duì)象上面添加一個(gè)屬性。這樣的話我所有組件的都可以訪問(wèn)到這個(gè)屬性，然后可以通過(guò)這個(gè)屬性來(lái)訪問(wèn)其他組件給這個(gè)屬性上面綁定的一些方法，從而去傳遞數(shù)據(jù)2022-08-08
在vue中當(dāng)我們管理數(shù)據(jù)的時(shí)候比較亂，我們要用到下面的這個(gè)庫(kù)，本文主要介紹了如何使用 Vuex的入門教程，具有一定的參考價(jià)值，感興趣的可以了解一下2022-02-02
這篇文章主要介紹了Vue面試題及Vue知識(shí)點(diǎn)整理，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2018-10-10