前端技术之:使用webpack构建React程序配置方法
2019-10-11 21:31
1576 查看
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
相关文章推荐
- 使用React-route和Webpack快速构建一个react程序
- 这本小书的目的是引导你进入 React 和 Webpack 的世界。他们两个都是非常有用的技术,如果同时使用他们,前端开发会更加有趣。
- 使用React-route和Webpack快速构建一个react程序
- 前端自动化构建入门6-使用webpack改造我们的react应用
- 使用Electron构建React+Webpack桌面应用的方法
- 前端构建之webpack+react使用
- webpack打包调试react并使用babel编译jsx配置方法
- node下使用webpack构建react开发环境,_______react 配置 mobx
- webpack前端工程化构建工具的使用
- webpack前端构建工具学习总结(二)之loader的使用
- 使用webpack配置react并添加到flask应用
- webpack构建React应用五:使用webpack Loaders 模块加载器(三)
- 前端webpack构建react系列二:开发阶段,热模块替换(HMR,热更新)
- webpack构建react应用三:使用webpack Loaders 模块加载器(一)
- webpack构建React应用二:webpack的安装及基础使用
- webpack+vue 构建项目步骤并且使用sass 安装配置
- Webpack 4.XXX 配置文件webpack.config.js和package.json【使用方法总结】
- 使用webpack/babel构建react开发环境(最新版)
- 使用Webpack构建React应用
- 5分钟内使用React、Webpack与ES6构建应用