Vue项目中使用LE的简单指南_命令_在生产环境中确保LESS代码经过优化和压缩
Vue项目中使用LESS的简单指南
一、安装必要的依赖包
要在Vue项目中使用LESS，首先需要安装两个关键的依赖包：LESS和LESS Loader。你可以使用npm或yarn来安装它们。
| 命令 | 作用 |
|---|---|
| npm install less less-loader --save-dev | 安装LESS和LESS Loader |
二、配置Vue CLI
安装好依赖包后，你需要配置Vue CLI以支持LESS文件。通常，这一步在Vue CLI创建的项目中已经默认完成，但你可以通过修改`vue.config.js`文件来自定义设置。
创建或编辑项目根目录下的`vue.config.js`文件，并添加以下配置：
module.exports = { css: { loaderOptions: { less: { lessOptions: { modifyVars: { // 直接修改 less 变量 'primary-color': '#f00', }, // 开启CSS Modules cssModules: false, }, }, }, }, }; 三、在组件中使用LESS
配置好环境后，你就可以在Vue组件中使用LESS了。只需在`