欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

vue less 配置

林子帆1年前10瀏覽0評論

vue 是一款流行的前端框架,而 less 是一個常用的 CSS 預處理器。在實際開發中,我們經常使用 less 來管理樣式表。如果想在 vue 項目中使用 less,我們需要進行一些配置工作。

首先,在安裝 vue-cli 的時候,可以選擇使用 less-loader,這樣就可以直接使用 less 樣式語言了。

vue create my-project --bare
cd my-project
npm install less less-loader --save-dev

在 vue.config.js 中配置 less-loader,需要注意的是需要指定 less-loader 的版本。

module.exports = {
css: {
loaderOptions: {
less: {
lessOptions: {
strictMath: true
}
}
}
}
};

這里 strictMath 為 true,表示更嚴格的數學處理,可以防止一些誤差的出現。

如果在代碼中需要引入 less 文件,可以使用如下方式:

<style lang="less">
@import "@/styles/index.less";
...
</style>

其中,@ 表示 src 目錄。在這里可以引入各種 less 文件,也可以使用 less 的內置函數。

總的來說,在 vue 項目中使用 less 非常方便,只需要進行簡單的配置即可。從而可以更好地管理樣式,提供更好的開發體驗。