前端技术之：使用webpack构建React程序配置方法
admin
2023-02-13 17:40:00
0次

package.json中需要引入以下依赖：

开发依赖：

"@babel/core": "^7.1.2",

"@babel/preset-env": "^7.1.0",

"@babel/preset-react": "^7.0.0",

"babel-loader": "^8.0.4”,

运行时依赖：

"react": "^16.6.0",

"react-dom": "^16.6.0"

webpack.config.js中需要增加以下模块解析处理规则：

{

    test: /\.m?js$/,

    exclude: /(node_modules|bower_components)/,

    use: {

        loader: 'babel-loader',

        options: {

            presets: ['@babel/preset-env']

        }

}

更详细的安装与配置方法请参考以下链接：

https://github.com/babel/babel-loader

https://babeljs.io/docs/en/next/babel-preset-react.html

https://www.npmjs.com/package/react

https://www.npmjs.com/package/react-dom


上一篇：前端技术之：webpack热模块替换（HMR）

下一篇：如何在项目中使用spring-kafka操作消费kafka？

相关内容

热门资讯

山西发布山洪蓝色预警，涉8市4... 2026年7月24日下午，山西省水利厅和山西省气象局联合发布山洪灾害气象风险预警，预计未来12小时，...
中央决定：华润集团董事长调整 2026年7月23日，华润（集团）有限公司召开中层以上管理人员大会。中央组织部有关负责同志宣布了党中...
学习笔记丨“努力让每个孩子都能... 制作：王宇峰 岳小乔 贾雪
活力中国调研行丨一束“光”的故... 它被称为“最快的刀”“最准的尺”“最亮的光”。从一束“光”到一颗“芯”，再到规模千亿的产业集群，今天...
携手前沿技术 共创智能未来 携手前沿技术 共创智能未来 ——来自2026年世界互联网大会数字丝路发展论坛的声音 夏日长安，秦岭叠...
上海浩劢取得桌面式轻型悬臂吊专... 国家知识产权局信息显示，上海浩劢工业科技有限公司取得一项名为“桌面式轻型悬臂吊”的专利，授权公告号C...
毒油风暴未歇民进党却急着上架，... 海峡导报综合报道 岛内毒油食安风暴持续延烧，台北市长蒋万安持续号召民众7·25上凯道，但“食药署”2...
WAIC挤满“卖铲人”，但算力... 2026年的WAIC，机器人依然抢占了绝大多数镜头。但展馆里数量增长最快的，是自称“AI Infra...
对话芯展速许玮：“内存墙”下，... Token经济时代，衡量AI价值的标准，正从模型能力转向Token生产效率。AI因此从工具演变为新的...
菲尔兹奖得主邓煜写过这些诗词 邓煜 李少君 徐俪成 | 澎湃新闻记者 徐萧 整理北京时间7月23日晚，中国数学家王虹、邓煜获颁菲尔...