搭建开发环境

朱雀 2022-05-14 15:51 467阅读 0赞

devsever

contentbase是接下来要执行的本地开发环境的服务器规定服务器要在哪里获取文件

open:true.//自动打开浏览器

port 9000

第一步:安装webpack webpack-cli

然偶安装:

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUzNDc4_size_16_color_FFFFFF_t_70

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUzNDc4_size_27_color_FFFFFF_t_70

然后修改

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUzNDc4_size_27_color_FFFFFF_t_70 1

然后运行 npm run dev

然后修改alert里的东西

发现自动刷新

也就是说devsever,不仅可以自动把打包出来的,bundle.js里的东西自动发送到index.html里,服务器还可以自动刷新

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUzNDc4_size_16_color_FFFFFF_t_70 1

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUzNDc4_size_16_color_FFFFFF_t_70 2

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUzNDc4_size_16_color_FFFFFF_t_70 3

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMTUzNDc4_size_16_color_FFFFFF_t_70 4

npm run dev

发表评论

表情:
评论列表 (有 0 条评论,467人围观)

还没有评论,来说两句吧...

相关阅读

    相关 开发环境

    搭建开发环境可以分为两种:         第一种是项目非常简单,可能简单到只有一两个页面就可以搞定,这时候我们就直接新建一个html页面进行开发就行         第二

    相关 开发环境

    devsever contentbase是接下来要执行的本地开发环境的服务器规定服务器要在哪里获取文件 open:true.//自动打开浏览器 port 9000 第一

    相关 MBlock开发环境

    本人对STM教育有兴趣,研究了一下mblock的代码,总结了一些个人搭建修改的经验,如果有需要进一步了解的朋友,欢迎交流,QQ:690333105,验证信息:mblock