在没有npm的情况下,可以通过以下步骤从HTML文件导入React模块/webpack:
- 下载React和Webpack的CDN链接:
- React的CDN链接:https://cdn.jsdelivr.net/npm/react@版本号/dist/react.min.js
- React DOM的CDN链接:https://cdn.jsdelivr.net/npm/react-dom@版本号/dist/react-dom.min.js
- Webpack的CDN链接:https://cdn.jsdelivr.net/npm/webpack@版本号/dist/webpack.min.js
- 在HTML文件中引入上述下载的CDN链接:
- 在HTML文件中引入上述下载的CDN链接:
- 创建一个包含React组件的JavaScript文件,例如"app.js":
- 创建一个包含React组件的JavaScript文件,例如"app.js":
- 在HTML文件中引入"app.js"文件:
- 在HTML文件中引入"app.js"文件:
- 在HTML文件中创建一个容器元素,用于渲染React组件:
- 在HTML文件中创建一个容器元素,用于渲染React组件:
- 打开HTML文件,你将看到渲染出的React组件。
这种方法通过直接在HTML文件中引入React和Webpack的CDN链接,实现了在没有npm的情况下导入React模块/webpack。请注意,这种方法适用于简单的React应用程序,如果你的应用程序更复杂,建议使用npm和构建工具来管理和打包你的代码。