1:配置webpack-dev-server

        首先这东西是干嘛的?它就是启动本地服务器的,说到这随便说一句别的。。。就是作为前端的菜鸟如果学到ajax这一块想要模拟后台来返回数据什么的可以给你们推荐一款本地服务器就是它至于该怎么用呢?那就是下载然后安装,安装好之后打开它如果变成绿色那就正常,如果是红色那就有问题咯,在它的的安装目录里新建一个你要运行项目的文件夹,然后就可以运行了!!!

webpack完善配置文件    webpack完善配置文件

行,言归正传,打开Git然后到项目文件里,输入命令 npm install webpack-save-server --save-dev

webpack完善配置文件

如果是这个说明成功了,不过还得配置,需要在package.json中配置这段话

                  "dev": "webpack-dev-server --open --config webpack.config.js "   

这个东西是什么呢?是快速启动webpackage-dev-server的脚本!!还记得我们上次配置的webpack.config.js吗?它是webpackage-dev-server读取文件的配置路径,这就是为什么启动的时候是npm run dev 而不是别的!现在可以运行了

输入命令 npm run dev  走你

webpack完善配置文件

这又是什么鬼???昂,人家说webpack-cli 移哪去了找不见了,那就再安装一次呗

            npm install webpack-cli -D

webpack完善配置文件

这一下总可以了。。。然后 npm run dev就可以自己打开本地默认的浏览器了!!!

2: 安装css样式

            npm install css-loader --save-dev

            npm install style-loader --save-dev

完成之后在webpack.config.js中配置

webpack完善配置文件





相关文章:

  • 2021-07-07
  • 2021-06-13
  • 2022-12-23
  • 2022-12-23
  • 2021-06-21
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-10-04
  • 2021-09-24
  • 2021-10-16
  • 2021-10-20
  • 2022-12-23
相关资源
相似解决方案