由于react和vue不一样,需要我们自己暴露配置文件

1.首先安装less

npm install less-loader less --save-dev

2.执行eject命令暴露配置文件

如果在使用git时要先提交代码才可以暴露配置文件

npm run eject

输入y完成安装后会出现config文件夹

3.修改config文件夹下的webpack.config.js文件

1.

// 增加less的配置
const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;

 2.

// 新增less配置
{
   loader: require.resolve('less-loader'),
   options: lessOptions,
},

3.

// 新增less配置
{
   test: lessRegex,
   exclude: lessModuleRegex,
   use: getStyleLoaders(
     {
        importLoaders: 2,
        sourceMap: isEnvProduction && shouldUseSourceMap,
     },
   'less-loader'
   ),
   sideEffects: true,
},
{
   test: lessModuleRegex,
   use: getStyleLoaders(
     {
        importLoaders: 2,
        sourceMap: isEnvProduction && shouldUseSourceMap,
        modules: true,
        getLocalIdent: getCSSModuleLocalIdent,
     },
  'less-loader'
   ),
},

 

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐