webpack第一节

Posted limit_1

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack第一节相关的知识,希望对你有一定的参考价值。

 

每次修改了代码都需要重新手动打包,这样很麻烦,不符合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很有帮助

以上是关于webpack第一节的主要内容,如果未能解决你的问题,请参考以下文章

webpack3整理(第一节/满三节)

实战 rollup 第一节, 入门

webpack4 系列教程: 打包JS

Webpack打包流程细节源码解析(P2)

webpack第一次

webpack系列从零搭建 webpack4+react 脚手架