摘要: 每次修改了代码都需要重新手动打包,这样很麻烦,不符合webpack的初衷,我们查看webpack帮助看看有没有可以自动运行的方法 输入 webpack -help 可以发现有个 --watch方法 它的解释是监听系统文件改变 我们试一试 现在监听进程一直在运行 我们改变 css的背景颜色为yello 阅读全文
posted @ 2017-06-08 16:03 胡进东 阅读(113) 评论(0) 推荐(0) 编辑
摘要: 模块化加载 上一节进行了一个简单的模块化加载,复杂点 新建一个js文件 名为 world.js 依旧在根目录下 在hello.js中引入world.js 模块化加载,world.js是一个模块 引入的方式是commonJS(require)在Node经常使用这种方法 再次打包 打包完成 箭头所指打包 阅读全文
posted @ 2017-06-08 15:08 胡进东 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 安装webpack在文件夹中 安装完成如图所示 牛刀小试 在webpack-test根目录下新建一个hello.js (不新建在node-modules文件夹下面的目的是,该文件夹是webpack的依赖,我们自定的文件不去破坏它,并且我们以后上传代码的时候不会上传该文件夹,只需在上一节的packag 阅读全文
posted @ 2017-06-08 12:24 胡进东 阅读(65) 评论(0) 推荐(0) 编辑
摘要: 跟着慕课网的老师做了下笔记 webpack是一个前端打包工具 它可以优化网页、例如 页面模块化加载、图片优化、css、js压缩等等。 模块化加载也就是懒加载,按需加载,以前的模式是所以得css写在一起、加载量很大,页面响应很慢、有了模块化加载、我们可以把一个css、或者是js拆分成多个、进行按需加载 阅读全文
posted @ 2017-06-08 12:00 胡进东 阅读(102) 评论(0) 推荐(0) 编辑