关于 ant-design/babel-plugin-import 按需加载的 babel polyfill疑问。

发布于 2022-09-12 23:19:46 字数 2275 浏览 28 评论 0

问题

在项目新建的时候引用了babel-plugin-import的antd按需加载plugin,已配置好相关的babel-preset,但是在实际webpack输出的bundle内发现,按需加载的antd源码并没有被polyfill。

尝试方法(均无效)

  • ant-design-vue提升到devDependencies
  • ant-design-vue的包include到babel-loader

环境

babel-loader配置如下:

            {
                test: /(\.jsx|\.js)$/,
                loader: "babel-loader",
                // exclude: path.resolve(__dirname, "node_modules")
                include: [path.resolve(__dirname, "xxx/src"), path.resolve(__dirname, "node_modules/ant-design-vue")]
            }

.babelrc配置如下:

{
    "presets": [
        [
            "@babel/preset-env",
            {
                "modules": "commonjs",
                "targets": [
                    "> 1%",
                    "last 2 versions",
                    "ie 11"
                ],
                "useBuiltIns": "usage",
                "corejs": 3
            }
        ]
    ],
    "plugins": [
        [
            "import",
            {
                "libraryName": "ant-design-vue",
                "style": true
            }
        ]
    ]
}
...
{
    "dependencies": {
        "art-template": "^4.12.2",
        "core-js": "^3.10.1",
        "less": "^3.13.1",
        "vue": "^2.6.12"
    },
    "devDependencies": {
        "@babel/core": "^7.13.15",
        "@babel/preset-env": "^7.13.15",
        "ant-design-vue": "^1.7.4",
        "art-template-loader": "^1.4.3",
        "babel-loader": "^8.2.2",
        "babel-plugin-import": "^1.13.3",
        "css-loader": "^5.2.2",
        "less-loader": "^7.3.0",
        "mini-css-extract-plugin": "^1.5.0",
        "mocker-api": "^2.7.4",
        "optimize-css-assets-webpack-plugin": "^5.0.4",
        "postcss": "^8.2.10",
        "postcss-loader": "^4.2.0",
        "postcss-preset-env": "^6.7.0",
        "url-loader": "^0.6.2",
        "vue-loader": "^15.9.6",
        "vue-template-compiler": "^2.6.12",
        "webpack": "^4.46.0",
        "webpack-cli": "^3.3.12",
        "webpack-dev-server": "^3.11.2"
    }
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文