##目录
- React-Router
- Axios
- AntD
- 暴露webpack配置
- less-loader
- 修改less-loader
React-Router
yarn add react-router-dom
less文件的配置
- 首先暴露webpack的配置
yarn eject
- 配置less-loader
文件: webpack.config.dev.js
const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;
// Opt-in support for Less (using .less extensions).
// Chains the less-loader with the css-loader and the style-loader
// to immediately apply all styles to the DOM.
// By default we support SASS Modules with the
// extensions .module.scss or .module.sass
{
test: lessRegex,
exclude: lessModuleRegex,
use: getStyleLoaders({ importLoaders: 3 }, 'less-loader'),
},
// Adds support for CSS Modules, but using SASS
// using the extension .module.scss or .module.sass
{
test: lessModuleRegex,
use: getStyleLoaders(
{
importLoaders: 3,
modules: true,
getLocalIdent: getCSSModuleLocalIdent,
},
'less-loader'
),
},
注意: 生产的配置和开发的配置请保持一致!