相关疑难解决方法(0)

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

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

让Webpack将我的import React from 'react'语句转换为const React = window.React而不是构建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>
Run Code Online (Sandbox Code Playgroud)

webpack.prod.config.js:

alias: {
  react$: './getWindowReact',
},
Run Code Online (Sandbox Code Playgroud)

getWindowReact.js:

module.exports = window.React;
Run Code Online (Sandbox Code Playgroud)

注意:在旧的问题中,我没有意识到将React构建到Webpack包中NODE_ENV=production会剥离propTypes检查.其中一个答案侧重于此.

production cdn webpack webpack-externals

37
推荐指数
2
解决办法
2万
查看次数

标签 统计

cdn ×1

production ×1

webpack ×1

webpack-externals ×1