webpack找不到图片 webpack 找不到

webpack的配置有哪些

Webpack的配置包括入口点（entry point）、输出（output）、加载器（loaders）、插件（plugins）、解析（resolve）等。

入口点指定应用程序的起始文件，输出确定生成的包的位置和命名。加载器允许Webpack处理不同类型的文件，如CSS、图片等。插件用于执行更高级的任务，如代码优化、资源管理等。解析配置用于指定模块的解析方式。这些配置项使得Webpack能够自定义应用程序的构建过程，使其具备更高的灵活性和可扩展性。

gulp和webpack学一个就够了吗

是的，你可以选择学习一个，因为gulp和webpack都是用于前端资源处理的工具，它们的功能非常相似。

gulp是一个基于node.js的流处理工具，用于快速构建项目。它使用简单易懂的API，可以方便地自动化任务，比如压缩、合并、编译SASS等。此外，gulp还支持插件，可以方便地扩展其功能。

webpack则是一个模块打包工具，用于将前端资源打包成浏览器可以识别的格式。它支持各种文件类型，包括JavaScript、CSS、图片等，并且可以自动化处理这些资源。此外，webpack还支持各种插件，可以方便地扩展其功能。

总的来说，两者都可以完成前端资源的处理任务，但是它们的使用方式和特点略有不同。你可以根据自己的需求和喜好来选择一个学习即可。

gulp和webpack虽然都是基于nodejs，但是两者各有优缺点，gulp只能做到压缩文件，而webpack是压缩，分离，把非标准格式转成标准的，可以被浏览器识别的格式。

tpl文件他是一张模板图片用什么软件打开

打包工具采用webpack。

项目目录：

--assets //打包目录

--css

--img

--js

--pages

--css //公共scss

--html //html文件

--img //公共图片

--js

--lib //依赖文件目录

--core //核心依赖框架

--util //工具类依赖文件

--const //配置和api文件

--mods //业务模块化文件存放

--common //公共模块存放目录

--data //公共数据

--tpl //公共模板

--components //页面ui组件模块存放目录

--module(具体目录名随业务变更) //页面模块目录

--css //模块css依赖

--img //模块图片依赖

--tpl //模板文件

index.js //模块入口文件

--page //页面入口文件存放目录

--index.js //页面入口文件

当然，react native和weex这种跨平台开发是单独有自己的一套开发目录的。

Loader是什么

"Loader"是一个通用术语，根据上下文可以有不同的含义和用途。以下是两个常见的用法：

1. 加载器（Loader）是一个计算机程序或组件，用于将代码、数据或资源从外部文件加载到计算机的内存中，在程序执行过程中使用这些内容。加载器通常用于动态链接库（DLL）或共享库的加载，将它们加载到内存中，以供程序进行调用和使用。

2. 在前端开发中，"Loader"是指一种用于处理和转换静态资源的工具。在Web开发中，使用Webpack等构建工具时，可以使用加载器来处理和转换各种资源，如HTML、CSS、JavaScript、图像等。加载器可以执行各种任务，例如压缩、优化、转译、打包等，以便于在应用程序中使用这些资源。

在总体上，加载器是用于将外部资源加载到内存中以供应用程序使用的组件或工具。具体取决于上下文和使用场景，"Loader"可能有不同的具体含义和实现方式。