webpack第一节(4)

每次修改了代码都需要重新手动打包，这样很麻烦，不符合webpack的初衷，我们查看webpack帮助看看有没有可以自动运行的方法

输入 webpack -help

可以发现有个 --watch方法它的解释是监听系统文件改变我们试一试

现在监听进程一直在运行我们改变 css的背景颜色为yellow 刷新页面背景是黄色

每次我们引入css 都要添加css-loader 和style-loader 很麻烦 webpack提供了用命令方式

因为watch 还在继续我们按Ctrl+c终止监听输入Y 终止

我们的loader css 加载用这个命令

hello.js中修改引入css的方式

写入命令

会发现效果跟之前的是一样的可以打包成功

然后我们用 --watch 合并起来

webpack 还有很多的命令可以看看文档对了解webpack很有帮助

转载于:https://www.cnblogs.com/limit1/p/6963345.html

webpack第一节(4)相关推荐

第一章、第一节 Angular基础
第一章.第一节 Angular基础让我们先来看看Angular是如何实现组件模式的. 组件模式 Angular 应用程序使用组件模式.你可能听说过这个模式,它不仅用于软件开发,还用于制造.建筑和其他 ...
6个必须掌握的基础配置 - [webpack第一篇]
webpack实战系列全目录 webpack6个常见的基础配置知识点 webpack 12个常见的实际场景 webpack15个常见的优化策略[敬请期待] webpack从0打造兼容ie8的脚手架[敬 ...
如何建立图像数据矩阵和图像显示灰度之间的关系!_放射技术考试第四章第一节数字图像的特征...
第四章第一节数字图像的特征一.模拟与数字 (一)模拟信号在信息科学中,能够计数的离散量称为数字信号(整数),不能计数的连续量称为模拟信号. 模拟是以某种范畴的表达方式如实地反映另一种范畴.例 ...
软件构造第二章第一节软件生命周期和版本控制
软件构造第二章第一节软件生命周期和版本控制基本内容 Software Development Lifecycle (SDLC) Traditional software process mode ...
python编程print语法_Python 第一节安装及 print 输出语句—教案
Python 第一节安装及 print 输出语句学习目标: 1 .学会安装 python 编程软件并测试编程环境是否成功 2 .理解字符串和表达式的概念 3 .学会使用 print 语句输出不同内 ...
matlab简单程序实例_visual basic VB.NET实例系列教程第一节（简单实用抽奖程序）...
近期疫情原因,工作比较不忙,所以打算出一套零基础,VB.NET实例系列入门教程,实用又好玩,带大家进入VB的编程世界里,希望这套图文教程能帮到有需要的人! 第一节(简单实用抽奖程序) 内容准备:编译环 ...
第一章计算机基础知识第一节,第一章计算机基础知识第一节
第一章计算机基础知识第一节.了解计算机尊敬的各位评委老师: 大家好!我今天说课的题目是<了解计算机>.我将从以下五方面来谈谈对这节课的设计:即说教材.学情分析.说教法和学法.说教学过程 ...
如何让人大致理解RxJava思想：第一节初步理解RxJava
如何让人大致理解RxJava思想:第一节初步理解RxJava 首先,我们需要明确,一个人不可能一口气吃成一个胖子,你不可能仅仅花5分钟看完我这篇文章,然后一拍桌子,大叫一声,我知道了,然后赢取白富美 ...
思维导图下载注册安全_2019安全工程师《建筑实务》第二章第一节考点：物料提升机思维导图...
2019安全工程师<安全生产专业实务-建筑施工安全>第二章第一节考点:物料提升机思维导图,本节的大部分知识点前两节塔式起重机和施工升降机相似,大家可以对比之前考点的思维导图来理解记忆,本知 ...

webpack第一节(4)

webpack第一节(4)相关推荐

最新文章

热门文章