create-react-app 引入antd-mobile，提示按需加载问题

最新推荐文章于 2023-02-23 14:06:01 发布

转载最新推荐文章于 2023-02-23 14:06:01 发布 · 197 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5ab3cf5df265da23994e7298

文章标签：

#javascript #webpack #ViewUI

本文介绍如何通过安装 babel-plugin-import 插件并配置 webpack，实现 Ant Design Mobile 的快速集成，提高前端项目的开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先安装 babel-plugin-import

npm install babel-plugin-import --save-dev  
// or 
yarn add babel-plugin-import --save-dev
复制代码

对webpack.config.dev.js和webpack.config.prod.js 文件进行修改

在oneOf下

{
    test: /\.(js|jsx|mjs)$/,
    include: paths.appSrc,
    loader: require.resolve('babel-loader'),
    options: {
      plugins: [
           ['import', [{ libraryName: "antd-mobile", style: 'css' }]],
        ],
      cacheDirectory: true,
    },
  },
复制代码

就ok了