webpack完善配置文件

1:配置webpack-dev-server

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

    

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


如果是这个说明成功了,不过还得配置,需要在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-cli 移哪去了找不见了,那就再安装一次呗

            npm install webpack-cli -D


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

2: 安装css样式

            npm install css-loader --save-dev

            npm install style-loader --save-dev

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






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值