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
                      }
                    }
                  ]
                },

    重启项目即可;
  • 相关阅读:
    解决js跨域
    判断js对象类型
    闭包的理解
    this关键字
    js的数据类型
    多线程
    JavaEE之动态页面技术(JSP/EL/JSTL)
    JavaEE之HttpServletResponse
    JavaEE之HttpServletRequest
    JavaEE之会话技术Cookie&Session
  • 原文地址:https://www.cnblogs.com/nimon-hugo/p/13150712.html
Copyright © 2011-2022 走看看