我想用react.min.js
来自生产中的 CDN(例如https://unpkg.com/[电子邮件受保护]/dist/react.min.js https://unpkg.com/react@15.3.1/dist/react.min.js)
让 Webpack 改变我的最佳方式是什么import React from 'react'
语句进入const React = window.React
而不是建造node_modules/react
进入捆绑包?
我一直在这样做resolve.alias
像这样:
In index.html
:
<head>
<script type="text/javascript" src="https://unpkg.com/[email protected] /cdn-cgi/l/email-protection/dist/react.min.js"></script>
<script type="text/javascript" src="/assets/bundle.js"></script>
</head>
In webpack.prod.config.js
:
alias: {
react$: './getWindowReact',
},
getWindowReact.js
:
module.exports = window.React;
Note:在老问题中,我没有意识到将 React 构建到 Webpack 包中NODE_ENV=production
会去掉propTypes
检查。其中一个答案集中于此。
在你的 webpack 配置中你可以使用externals
选项将从环境中导入模块而不是尝试正常解析它:
// webpack.config.js
module.exports = {
externals: {
'react': 'React'
}
...
};
在这里阅读更多内容:https://webpack.js.org/configuration/externals/ https://webpack.js.org/configuration/externals/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)