vue-webpack的基本使用

  在实际的前端开发中,一个模块化的项目通常会有这两个文件夹:src 和 dist,如下:

 

   src是开发人员写代码的地方,dist是src代码书写完毕,使用打包工具打包后存放的地方;一般放在dist的代码可直接部署到服务器去运行即可。

  通常在项目的根目录下,会有一个index.html以及其他配置文件,这些东西到时候是要跟dist一起发布到服务器的,因此这些东西,比如index.html依赖的文件都是在dist下的,而不是src,比如:

 

   还有要注意的是,使用webpack打包src的代码时,一般指定一个入口文件即可,因为webpack他能处理模块的依赖关系并进行打包的,src下的入口通常是main.js或index.js,而dist下的入口是bundle.js

posted @   爱编程DE文兄  阅读(115)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
历史上的今天:
2020-03-27 JavaSE-封装
2020-03-27 JavaSE-成员变量和局部变量的区别
2020-03-27 JavaSE-ArrayList
2020-03-27 JavaWeb-自定义类的概述
点击右上角即可分享
微信分享提示