首页 > Web开发 > 详细

ant-design-pro引用css

时间:2019-10-10 15:42:29      阅读:208      评论:0      收藏:0      [点我收藏+]

ant-design-pro中默认只能引用less文件,引用了css文件也是无效的。所以需要在配置文件config.js中找到

 cssLoaderOptions,在 getLocalIdent中加入可以引用css文件的方法:context.resourcePath.includes(‘.css‘)
代码如下:
cssLoaderOptions: {
    modules: true,
    getLocalIdent: (context, localIdentName, localName) => {
      if (
        context.resourcePath.includes(‘node_modules‘) ||
        context.resourcePath.includes(‘.css‘) ||
        context.resourcePath.includes(‘ant.design.pro.less‘) ||
        context.resourcePath.includes(‘global.less‘)
      ) {
        return localName;
      }
      const match = context.resourcePath.match(/src(.*)/);
      if (match && match[1]) {
        const antdProPath = match[1].replace(‘.less‘, ‘‘);
        const arr = slash(antdProPath)
          .split(‘/‘)
          .map(a => a.replace(/([A-Z])/g, ‘-$1‘))
          .map(a => a.toLowerCase());
        return `antd-pro${arr.join(‘-‘)}-${localName}`.replace(/--/g, ‘-‘);
      }
      return localName;
    },
  },

 

ant-design-pro引用css

原文:https://www.cnblogs.com/greenteaone/p/11647700.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!