React(脚手架)——webpack

2019-02-26  本文已影响71人  感觉不错哦
首先我们回顾一下webpack知识点,我重新新建了文件夹并--save-dev安装了webpack与webpack-cli

这步骤就不演示了,然后快速配置初始化webpack


并在index.html中引入dist下的 index.js,此时没有生成,打包的时候就可以看到了,注意这里是两条下划线__,图上面是不对的

在app下的index.js中随意写个方法


接着我们使用webpack --mode production/development 成功打包
页面也显示了js的内容

接下来配置一下服务器,先安装webpack-server cnpm i -D webpack-dev-server


现在我们运行npm run start即可,那此时是没办法热更新的,因为我们html引入的是打包之后的js
如果要自动更新,给予一个缓存目录


这个目录不需要在目录下创建,不改变即可,这样就可以了

上一篇下一篇

猜你喜欢

热点阅读