zoukankan      html  css  js  c++  java
  • 深坑react 引入antd无效问题

    //安装babel-plugin-import
    第一步:
    npm install babel-plugin-import --save




    第二步:暴露webpack.config.js
    运行:npm run eject


    第三步:在webpack.config.js中的module下的oneOf数组里加入下面代码:

     {//ES6、JSX处理
                  test: /(.jsx|.js)$/,
                  exclude: /node_modules/,
                  loader: 'babel-loader',
                  query:
                  {
                    plugins: [
                      [
                        "import",
                        { libraryName: "antd", style: 'css' }
                      ] //antd按需加载
                    ]
                  },
                },

                {//CSS处理
                  test: /.css$/,
                  loader: "style-loader!css-loader?modules",
                  exclude: /node_modules/,
                },

                {//antd样式处理
                  test: /.css$/,
                  exclude: /src/,
                  use: [
                    { loader: "style-loader", },
                    {
                      loader: "css-loader",
                      options: {
                        importLoaders: 1
                      }
                    }
                  ]
                },

    重启项目即可;
  • 相关阅读:
    Win10+Ubuntu18.04 UEFI启动模式SSD+HDD
    Chap1:全景图[Computer Science Illuminated]
    [IDE] ECLIPSE取消自动更新
    [Unit Test] Unit Test Brief Introduction
    [ English ] 俚语 “Ping me=打我电话”
    Some Useful Resources for the Future Usage
    python错误记录
    django-用户认证模型
    Djiango-富文本编辑器
    Djiango-建立模型抽象基类
  • 原文地址:https://www.cnblogs.com/nimon-hugo/p/13150712.html
Copyright © 2011-2022 走看看