深坑react 引入antd无效问题

react

//安装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

                  }

                }

              ]

            },


重启项目即可;

以上是 深坑react 引入antd无效问题 的全部内容, 来源链接: utcz.com/z/383977.html

回到顶部