webpack项目目录结构 webpack构建项目

webpack资源模块的类型有哪些

eebpack资源模块(asset module)是一种模块类型，它允许使用资源文件（字体，图标等）而无需配置额外 loader。它的类型有以下几种：

1.asset/resource 发送一个单独的文件并导出 URL。之前通过使用 file-loader 实现。

2.asset/inline 导出一个资源的 data URI。之前通过使用 url-loader 实现。

3.asset/source 导出资源的源代码。之前通过使用 raw-loader 实现。

4.asset 在导出一个 data URI 和发送一个单独的文件之间自动选择。之前通过使用 url-loader，并且配置资源体积限制实现。

vue项目只能有一个html文件吗

答案是的。

因为vue是单页面项目开发，也就是所有的业务逻辑和内容的呈现都是在一个页面上完成，只是根据功能的不同，通过路由实现页面的跳转。

vue项目通过webpack打包，最后生成的是一个index.html文件，这个文件里面引用各种js和css，达到封装和渲染的目的。

由此可见一个vue项目只有一个html文件。

vue项目工程中的public文件主要是啥

在Vue项目工程中，public文件夹是用来存放静态资源的文件夹。这些静态资源包括HTML文件、图像、字体文件等。在构建项目时，这些资源会被直接复制到最终的构建目录中，可以通过相对路径访问这些资源。

public文件夹中的资源不会经过webpack的打包处理，而是直接复制到目标目录中，因此可以在HTML文件中直接引用这些资源。

vue项目搭建完整步骤

搭建Vue项目的完整步骤包括安装Node.js、全局安装Vue-cli脚手架工具、创建项目模板、安装项目依赖、运行开发服务器、编写代码、编译打包、部署上线。

首先安装Node.js，然后通过命令行全局安装Vue-cli工具，运行vue create命令创建项目模板，安装项目依赖，使用命令npm run serve运行开发服务器，按需编写代码，通过npm run build命令进行编译打包，将生成的dist文件夹放置到服务器上即可实现部署上线。