craco安装less
时间: 2023-06-21 20:19:37 浏览: 108
要在React项目中使用less,需要先安装less和less-loader。可以通过以下命令来安装:
```
npm install less less-loader
```
然后,如果你使用的是create-react-app脚手架,需要先安装`craco`,然后在根目录下创建一个`craco.config.js`文件,并将以下代码添加到文件中:
```javascript
const path = require("path");
module.exports = {
webpack: {
alias: {
"@": path.resolve(__dirname, "src/")
},
module: {
rules: [
{
test: /\.less$/,
use: [
{
loader: "less-loader",
options: {
lessOptions: {
javascriptEnabled: true
}
}
}
]
}
]
}
}
};
```
这里我们假设你的项目根目录为`/`,并且你的源代码都在`/src`目录下。
然后,在`package.json`文件中修改`scripts`,将`react-scripts`改为`craco`,如下所示:
```json
"scripts": {
"start": "craco start",
"build": "craco build",
"test": "craco test",
}
```
这样就可以使用less了。
阅读全文