webpack4配置webpack.config.js文件及webpack环境配置

图片发自简书App

图片发自简书App

webpack.config.js里的配置,不再支持 module下的loaders,需要把图一中loaders改成图二中的rules。

环境配置

第一步:安装nodejs和npm,检验安装成功的方法是node  -v  npm  -v

第二步:初始化项目

npm init

第三步:全局安装webpack webpack-dev-server babel-loader babel-core

npm install -g webpack webpack-dev-server babel-loader babel-core

第四步:安装开发依赖react react-dom babel-preset-react babel-preset-es2015 webpack webpack-dev-server babel-loader babel-core

npm install --save-dev react react-dom babel-preset-react babel-preset-es2015 webpack webpack-dev-server babel-loader babel-core

第五步:配置webpack.config.js文件

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,368评论 7 35
  • webpack 介绍 webpack 是什么 为什么引入新的打包工具 webpack 核心思想 webpack 安...
    yxsGert阅读 6,670评论 2 71
  • 目录第1章 webpack简介 11.1 webpack是什么? 11.2 官网地址 21.3 为什么使用 web...
    lemonzoey阅读 1,829评论 0 1
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,460评论 0 21
  • 渐渐发现,自己选择的路有了一些偏差。渐渐发现,生活不易,有时候不愿意,也不能真性情,袒露自己。压抑…… ...
    优优宝贝11阅读 400评论 0 0

友情链接更多精彩内容