gpt4 book ai didi

webpack - 如何在生产中的 Webpack 项目中使用 CDN 中的库

转载 作者:行者123 更新时间:2023-12-03 07:41:04 25 4
gpt4 key购买 nike

我想使用react.min.js来自生产中的 CDN(例如 https://unpkg.com/react@15.3.1/dist/react.min.js )

让 Webpack 改造我的 import React from 'react' 的最佳方式是什么?语句进入 const React = window.React而不是 build node_modules/react进入 bundle ?

我一直在用resolve.alias来做这件事像这样:

index.html :

<head>
<script type="text/javascript" src="https://unpkg.com/react@15.3.1/dist/react.min.js"></script>
<script type="text/javascript" src="/assets/bundle.js"></script>
</head>

webpack.prod.config.js :

alias: {
react$: './getWindowReact',
},

getWindowReact.js :

module.exports = window.React;

注意:在老问题中,我没有意识到使用 NODE_ENV=production 将 React 构建到 Webpack 包中会删除 propTypes检查。其中一个答案集中于此。

最佳答案

在您的 webpack 配置中,您可以使用 externals 选项,该选项将从环境中导入模块,而不是尝试正常解析它:

// webpack.config.js
module.exports = {
externals: {
'react': 'React'
}
...
};

在这里阅读更多内容: https://webpack.js.org/configuration/externals/

关于webpack - 如何在生产中的 Webpack 项目中使用 CDN 中的库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31575809/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com