1.安装craco
yarn add @craco/craco
or
npm i @craco/craco
2.安装less和craco-less
yarn add less craco-less
or
npm i less craco-less
3.修改package.json文件
4.下载装饰器(可选)
yarn add @babel/plugin-proposal-decorators -S
or
npm i @babel/plugin-proposal-decorators -S
5.配置craco.config.js文件
在项目package.json的同级目录下创建一个文件craco.config.js文件
const CracoLessPlugin = require("craco-less");
module.exports = {
plugins: [
{
plugin: CracoLessPlugin,
options: {
lessLoaderOptions: {
lessOptions: {
modifyVars: { "@primary-color": "#1DA57A" },
javascriptEnabled: true
}
}
}
}
],
babel: {
plugins: [["@babel/plugin-proposal-decorators", { legacy: true }]]
}
};