首先咱們最新建立的項目;不管是vue或者react項目,你都找不到webpack.config.js,甚至沒有原來的build文件夾,那咱們如何配置less或者jq這種插件呢?接下來進入正題javascript
1.安裝less less-loadercss
打開咱們的項目目錄,打開CMD終端,安裝命令以下vue
yarn add less less-loader 或者 npm install less less-loader
2.git commit一下java
git add .react
git commit -m 'xx'webpack
3. yarn eject生成config目錄及你想要的webpack.config.jsgit
在CMD終端 命令行輸入:web
yarn eject
成功的話會出現config文件夾 npm
4.打開config/webpack.config.js 修改三處less
第一處:
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, }), },
接下來重啓項目 成功!