![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 53
笑别弯腰
这个作者很懒,什么都没留下…
展开
-
四、webpack5最新打包资源额方式-assetmoduletype(资源模块类型)
asset module type我们当前使用的webpack版本是webpack5: 在webpack5之前,加载这些资源我们需要使用一些loader,比如raw-loader 、url-loader、file-loader;在webpack5开始,我们可以直接使用资源模块类型(asset module type),来替代上面的这些loader;资源模块类型(asset module type),通过添加 4 种新的模块类型,来替换所有这些 loader: asset/resource 发送一个单独原创 2021-05-28 14:54:10 · 621 阅读 · 0 评论 -
三、loader----file-loader和url-loaderr(加载图片的loader)
1、file-loader**实际开发中,引入图片一般有两种,img和background-image,1.1、background-image设置背景图这里的类名hulu1改为了hulu;然后安装file-loader方法:npm install file-loader -D配置:1.2 img图片引入**注意img引入的时候必须像上图这样把图片当做一个模块,先导入在赋值给img.src**配置方法和background-image一样,不需要重复配置。然后执行命令原创 2021-05-27 21:16:40 · 445 阅读 · 0 评论 -
一、webpack的全局安装和局部安装以及使用
1、webpack的使用前提webpack的运行环境是依赖Node环境的,所以电脑上必须有node。安装node 14.15.5版本,npm 6.14.11版本2、webpack和webpack-cli全局安装和使用**方法:npm install webpack webpack-cli -g**安装好之后就可以在终端运行webpack,当我们运行webpack的时候,webpack会找当前目录下的src/index.js作为入口,如果项目中没有这个文件夹那么就会报错。出口文件默认为dist文件夹原创 2021-05-26 18:55:31 · 3955 阅读 · 1 评论 -
二、webpack的配置文件-wenpack.config.js--指定入口文件和出口文件
3、webpack的配置文件(这个文件可以指定入口文件和出口文件)3.1手动创建一个webpack.config.js文件,并指定出入口文件创建完成使用 npm run build就可以打包完成了。当然这个文件的名字也可以设置成其他的名字:...原创 2021-05-26 13:25:29 · 215 阅读 · 0 评论