分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

webpsck配置react环境

发布时间:2023-09-06 01:48责任编辑:彭小芳关键词:配置
  • webpack插件:
    npm ?install ?babel-core ?babel-loader ?babel-preset-react ?babel-preset-es2015
  • sublime插件:
    jsx ?// 高亮jsx语法
  • 修改webpack配置文件:
    const path = require(‘path‘);module.exports = {entry: ‘./src/index.js‘,devtool: ‘inline-source-map‘,devServer: { ?contentBase: ‘./dist‘},output: { ?filename: ‘bundle.js‘, ?path: path.resolve(__dirname, ‘dist‘)},module: { ?rules: [ ???{ ?????test: /\.jsx?$/, ?????exclude: /node_modules/, ?????loader: ‘babel-loader‘, ?????query: { ???????presets: [‘es2015‘, ‘react‘] ?????} ???} ?]}};
  • 测试:


  • webpsck配置react环境

    原文地址:http://blog.51cto.com/12173069/2095204

    知识推荐

    我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
    icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved