vue專案中使用less正確姿勢

2021-10-19 09:19:13 字數 431 閱讀 2771

本人在vue專案中引入less外掛程式,但是在使用webpack打包專案的時候發生了報錯 typeerror: this.getoptions is not a function,接下來給大家提供乙個解決辦法

因為我們安裝的less 版本過高導致的這個問題,具體原因是 less 8.x版本 更新了配置檔案字段,具體大家可以自行google一下,導致了我們在安裝 less 8.x版本以後,使用webpack打包會出錯,因此我們可以安裝低版本解決此問題,如5.x的版本就行。

安裝 npm install [email protected] less

在webpack.base.config.js 裡邊的rules中新增指定**:

3.  在vue檔案中的style標籤上新增 lang='less'  , 即可愉快的使用less編寫css** 

vue專案中使用jQuery

這裡是引入全域性的jquery 1.在package.json檔案中,devdependencies 物件中新增 jquery 3.1.1 2.在build資料夾下的webpack.base.conf.js檔案中新增 var webpack require webpack 增加乙個plugins p...

vue 專案中使用 jquery

在 vue 專案中使用 jquery,具體步驟如下 1 npm 安裝 jquery 命令如下,後邊指定安裝的 jquery 版本 npm install jquery 3.2.1不加 會安裝最新版本 npm install jquery命令執行成功後,會在 package.json 檔案中自動生成 ...

vue專案中使用mui

vue搭建環境 hbuilder編輯器。我不喜歡用hbuilder寫 在使用vscode 使用的是vue cli腳手架。這個就不多bb了,之後對檔案做了簡單的調整。還是直接貼圖吧 基本的頁面準備工作完成assetspublicpath 之前是 改為 使build之後的專案能在本地執行 product...