coding for love

100 篇文章
26 人订阅

webpack

love丁酥酥

3-3 使用loader打包静态资源(样式篇上)

在制作网页时,我们必不可少地会使用css。那么webpack是如何打包css文件的呢?

892
love丁酥酥

3-2 使用loader打包静态资源(图片)

上一节我们成功打包并展示了一张图片。可是我们看到最终输出的图片名称是一串hash值,如果我们希望其展示的是原来的名称呢?可以进行如下配置:

793
love丁酥酥

2-5 浅析webpack打包内容

Hash:本次打包的一个标识。 Version:使用的webpack版本 Time:本次打包耗时 Built at: 生成时间

1014
love丁酥酥

3-1 Loader是什么

前面说过,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler),我们也看到了webpack对js文件的打包...

1066
love丁酥酥

2-4 使用webpack的配置文件

之所以直接执行npx webpack index.js就能打包成功,是由于webpack内置了配置文件。 尝试直接运行npx webpack会报错,因为web...

814
love丁酥酥

2-3 webpack的正确安装方式

webpack是基于node开发的环境打包工具。首先需要安装node环境。 进入node官网,尽量安装最新版本的稳定版node。因为提高webpack打包速度...

1092
love丁酥酥

2-1 webpack究竟是什么

可以看到,最简单的方法,就是将html,js,css放到不同的文件,然后通过src或者href引入。这里我们先不关注css,主要来看js。

610
love丁酥酥

2-2 什么是模块打包工具

关于模块和模块化,百度百科有一段引用自《Java应用架构设计:模块化模式与OSGi》一书的解释非常好:

900

扫码关注云+社区

领取腾讯云代金券