首先我们最新创建的项目；无论是vue或者react项目，你都找不到webpack.config.js，甚至没有原来的build文件夹，那我们如何配置less或者jq这种插件呢？接下来进入正题
配置less
1.安装less less-loader
打开我们的项目目录，打开CMD终端，安装命令如下
yarn add less less-loader或者npm install less less-loader
2.git commit一下
git add .
git commit -m 'xx'
3. yarn eject生成config目录及你想要的webpack.config.js
在CMD终端 命令行输入：
yarn eject或者 npm run eject
成功的话会出现config文件夹
4.打开config/webpack.config.js 修改三处
第一处：
const lessRegex = /\.less$/;const lessModuleRegex = /\.module\.less$/;
添加位置如下图
---------------------------------------------------------------------
第二处：
{loader: require.resolve('less-loader'),options: lessOptions,},
添加位置如下图
-----------------------------------------------------------------------
第三处：
{test: lessRegex,exclude: cssModuleRegex,use: getStyleLoaders({importLoaders: 1,sourceMap: isEnvProduction && shouldUseSourceMap,}),sideEffects: true,},{test: lessModuleRegex,use: getStyleLoaders({importLoaders: 1,sourceMap: isEnvProduction && shouldUseSourceMap,modules: true,getLocalIdent: getCSSModuleLocalIdent,}),},
添加位置如下图
接下来重启项目 成功！
