1.webpack的打包是建立在module上的

webpack的基本配置项 随笔 第1张

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

2.webpack的基本配置

webpack的基本配置项 随笔 第2张

注:插件跟rules里面的规则都需要先安装对应的包

npm install html-webpack-plugin
npm install --save-dev @babel/core babel-loader @babel/preset-env @babel/preset-react//js jsx..
npm install --save-dev style-loader css-loader  sass-loader node-sass//css sass ... 注意配置顺序 配置项中从右向左解析

3.webpack-dev-server  热更新

npm install webpack-dev-server@2 -g 

注:版本号要低于webpack的版本 否则会报错

  如果在4.0.1中安装失败 需要安装 npm install webpack-cli -D  

扩展:  webpack-dev-server:不会生成线上目录 例如我们上面说过的build 而是放在内存中

       webpack:打包上线(3.0)
扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄