less环境配置修改

来源:3-1 基础插件安装(1)

封笺

2018-11-02

老师,现在less配置和你课程中的一点都不一样,请问应该如何修改webpack中的less配置?

   {
            test: cssRegex,
            exclude: cssModuleRegex,
            use: getStyleLoaders({
              importLoaders: 1
            })
          },
          // Adds support for CSS Modules (https://github.com/css-modules/css-modules)
          // using the extension .module.css
          {
            test: cssModuleRegex,
            use: getStyleLoaders({
              importLoaders: 1,
              modules: true,
              getLocalIdent: getCSSModuleLocalIdent
            })
          },
写回答

3回答

工具分子

2018-11-04

改变 

const cssRegex = /\.(css|less)$/;

 这样就能检测到Less文件了。

在POSTCSS配置后面再像老师一样,加上

{

loader: require.resolve('less-loader')

}

确保如果遇到Less文件,先用less-loader处理。

也可以添加一个lessRegex,然后在后面调用getStyleLoaders。

然并卵,虽然less加载成功了,后面的antd 的CSS文件又报错,

即使用里面的less文件,即使加了javascriptEnable:True,在options里面,还是没有用

2
1
封笺
谢谢~
2018-11-04
共1条回复

工具分子

2018-11-04

也要加 

import 'antd/lib/date-picker/style';

推荐看antd官网改

0
0

工具分子

2018-11-04

接着之前的答案,我按antd的官网改了。

首先改了webpack里面babel plugin的配置,然后提示缺乏安装babel-plugin的模块,yarn add了。然后就全好了。

antd也阔以用了


0
0

React全家桶+AntD共享单车后台管理系统开发

React全家桶+AntD框架+大量前沿技术

1142 学习 · 495 问题

查看课程