1回答

阿莱克斯刘

2022-09-22

同学不好意思，最近生病了，没能及时回复。

疑问1: less文件打包进入构建产物么

wabpack会把ts/tsx/jsx编译为js、less编译为css，最终打包输出js和css文件。

疑问2: 当前项目 想优化的能力（求解）
- 1: 只显示.less 文件。

不好意思，没看明白你的意思。
- 2: 文件引入的是.less 的后缀名。 不是css

create-react-app 的默认配置不支持less，如果想要使用less就需要进行eject。请执行以下步骤：

1. npm run eject

2. npm i less less-loader

3. 打开 webpack.config.js 文件，找到 style-loader的配置，定位到 sass-loader，仿照sass-loader，添加less-loader

然后，就可以在项目使用less了。

这里有一篇文章可以参考一下，如何在react中使用less - 男孩亮亮 - 博客园 (cnblogs.com)

0

0