Vue CLI是一個(gè)官方發(fā)布的基于Vue.js的標(biāo)準(zhǔn)化腳手架工具，它可以幫助我們快速搭建Vue.js項(xiàng)目，使我們可以專注于業(yè)務(wù)邏輯的實(shí)現(xiàn)，而無(wú)需關(guān)注項(xiàng)目的配置。其中，Vue CLI提供了多種配置選項(xiàng)幫助我們快速定制化自己的項(xiàng)目。本文將介紹其中的CSS配置選項(xiàng)。

// vue.config.js
module.exports = {
css: {
loaderOptions: {
less: {
lessOptions: {
modifyVars: {
'primary-color': '#1DA57A',
'link-color': '#1DA57A',
'border-radius-base': '2px',
},
javascriptEnabled: true,
},
},
},
},
};

通過(guò)vue.config.js文件的配置，我們可以對(duì)CSS進(jìn)行定制化。在Vue CLI中，我們可以使用LESS/Sass等CSS預(yù)處理器，并可以輕松地設(shè)置主題顏色。通過(guò)modifyVars選項(xiàng)，我們可以快速設(shè)置主題顏色，例如上例中的'primary-color'和'link-color'。同時(shí)，如果需要對(duì)CSS進(jìn)行更加高級(jí)的操作，我們可以將javascriptEnabled設(shè)置為true，這將使我們可以使用JavaScript在LESS/Sass中進(jìn)行更加高級(jí)的操作。

除了快速設(shè)置主題顏色外，Vue CLI還提供了額外的CSS配置選項(xiàng)。例如，我們可以設(shè)置extract選項(xiàng)來(lái)將CSS提取為單獨(dú)的文件，以優(yōu)化我們的應(yīng)用程序。在development模式下，我們可以設(shè)置sourceMap選項(xiàng)來(lái)生成多個(gè)sourceMap文件，幫助我們更快地定位錯(cuò)誤。總之，通過(guò)Vue CLI的CSS配置選項(xiàng)，我們可以更快速靈活地修改CSS，快速搭建自己的Vue.js項(xiàng)目。