木子聊前端

gfdsgdfsg

接上一篇《VUE多页面打包一》

初始化npm init可以自动生成package.json 文件如果存在 package.json 文件 则可以自动安装相关的包npm i -D下载安装到开发环境使用，会自动分配到package.json 的 devDependencies 字段里面如npm i -D webpack安装成功之后，package.json 的 devDependencies 字段自动记录"devDependencies": { "webpack": "^5.24.3" }npm i

概念nginx是一款自由的、开源的、高性能的HTTP服务器和反向代理服务器；同时也是一个IMAP、POP3、SMTP代理服务器；在高连接并发的情况下，Nginx是Apache服务器不错的替代品。对于前后端分离来说更是比较优越到选择，不需要去知道服务器端放在哪里，也不用去关心还不用担心跨域舒服代理代理有点像中介，我想去买房，但是房源在哪里？找起来很费事其中还有各种手续要办。这个时候我去找中介，帮我去完成找房源办理各种手续，我只需要等待结果，这个就是代理到流程。在nginx 中代理流程大概也是这样，

接上一篇《webpack 之vue 初级打包1 》到目前位置vue第一个页面已经可以正常运行了，其中还有一些地方可以更加方便快捷。期待更加智能更加快速。依据webpack给出到原则一切皆模块，上文我们只是针对js做了打包，现在期望html也打包，图片、css 也做打包模块处理。优化内容动态添引入script 加载js，并且指定到头部或者底部优化缓存问题加入hash 值动态生成html入口文件，一个或者N个上文中在编译打包好js、vue之后，还需要手动在html里面加入js到引入地址：&lt

webpack 之vue 初级打包 从零开始 从第一个代码开始

简述本文只是为了快速学习typescript 而建立的webpack初级打包，目的是为ts更好的运行起来，特别是ts的模块部分，需要放到不同的环境，也就是需要经过 编译才能在浏览器运行，看到效果，因此不涉及tsconfig.json 配置webpack 生产环境配置除了webpack 不涉及其他的插件不使用ts的模版语法顺便了解webpack最基础的配置，同样一步一步来搭建项目开始不管是测试还是开发我们都需要一个目录管理新建目录这个就不说了，我的是basic目录。安装 types

简要说明本项目基于webpack 打包 vue 开发多页应用，涉及内容各种组件的相互关系，本地开发，测试环境的使用，生产环境的部署，其中包括eslint，webpack插件的使用，和移动端端像素问题，ajax的请求问题处理，内容错综复杂，当然在一个公司你只有部署一次就可以，一次学会10年无忧。说的简单点就是手动搭建一个多页面脚手架因此在阅读这篇文章。你需要提前具备或者安装好node npm 基础的东西，需要掌握webpack的基础。node 打包中的常用命令，就可以跟着我一步一步见证多页面是多么舒服