使用 npm run build:prod 命令进行打包
会出现这样的情况生成了一个静态的文件夹 打开index.html的时候
会出现页面空白的问题打开F12查看一下这是为啥会发现这些文件的路径访问不到
图片.png
解决办法 打开 vue.config.js找到 publ
原创
2022-02-20 17:22:55
552阅读
一、新建：可以使用原生的方法去做（虽然麻烦，但是可以很好地理解过程中的原理）我比较懒，就直接使用脚手架生成啦 开始之前，首先了解一下，什么是脚手架？vue-cli : vue脚手架，帮你提供好基本项目结果其本身集成很多项目模板1. simple 基本没有2. webpack 可以使用（一般用于大型项目（包含Eslint检查代码规范，单元测试））3. webpack-simple 个人推荐
转载
2024-03-06 17:52:13
47阅读
使用npm run build:prod命令进行打包会出现这样的情况生成了一个静态的文件夹打开index.html的时候会出现页面空白的问题打开F12查看一下这是为啥会发现这些文件的路径访问不到图片.png解决办法打开vue.config.js找到publicPath: '/'将 publicPath: '/'改成 publicPat...
原创
2021-07-28 14:39:57
1112阅读
一个移动端项目，不是特别复杂的项目 正常打包一下，npm run build 大小为6.8M 对于移动端来说，项目有点大。（有一个很大的图片，占了5.4M） 减少包的体积的方法： 1.vue.config.js里面 添加配置 productionSourceMap:false, production
原创
2022-07-06 11:51:14
481阅读
打包之前的路由模式目标配置打包之前的路由模式
在SPA单页应用中，有两种路由模式
hash模式history模式：正常的/访问模式，特点是后端访问，任意地址的变化都会访问服务器
开发到现在，我们一直都在用hash模式，打包我们尝试用history模式
改成history模式非常简单，只需要将路由的mode类型改成history即可const createRouter= () =
转载
2024-07-22 11:19:02
55阅读
目录一、修改vue-element-admin并打包“npm install”安装依赖“解决vue项目 npm run build 后打开 index.html 空白，不能访问等问题”将登陆相关请求接口改为静态数据，不请求接口 修改config下面的index.js中bulid模块导出的路径npm run build打包生成dist文件夹，打开dist文件夹中index.html能正常访
转载
2024-06-15 17:39:50
693阅读
# Django Docker打包后镜像特别大的原因及解决方法
在使用Django开发Web应用程序并将其部署到Docker容器中时，您可能会发现Docker镜像的大小特别大。这可能导致部署和传输速度变慢，同时也占用了更多的存储空间。接下来，我们将探讨造成这种情况的原因，并提供一些解决方法。
## 造成镜像体积大的原因
### 1. 基础镜像选择不当
在构建Docker镜像时，选择的基础镜
原创
2024-05-11 05:36:50
321阅读
项目一开始打包需要30分钟，实在是太慢，经过优化之后打包时间缩短到5分钟之内，并且项目体积由原来的400多M缩小到现在的60多M，可以说是实现了质的飞越，这一切功劳都归功于网上的大神提供的方法，我分享出来大家一起学习 DLLPlugin 和 DLLReferencePlugin的使用DLLPlugin 和 DLLReferencePlugin 用某种方法实现了拆分 bundles，同时还
转载
2023-10-08 23:18:34
1296阅读
目录前提 文件配置安装命令最后前提 1.你需要有一个完整的 vue项目2.注意查看自己的接口地址用不用切换3.需要你 npm run build 先打包一遍生成 dist4.在 dist1.在项目里面 会有index.html 所以不用自己生成2.pageage.json (也别自己建 看下文)3.只需要建main.js文件配置1. npm install
转载
2024-06-12 15:29:22
650阅读
在使用 Vue.js 开发前端项目时，很多情况下我们可能需要引入 jQuery 作为第三方库来处理某些 DOM 操作或者调用一些不支持 Vue.js 的第三方插件。然而，当我们将 Vue 项目打包后，可能会遇到 jQuery 相关的问题，比如 jQuery 的冲突、无法正确加载等。接下来，我们将详细探讨如何解决这些问题，并包括一些实用的技巧和优化方案。
## 环境配置
在解决 Vue 打包后
一、chunk-vendors.js 简介顾名思义，chunk-vendors.js 是捆绑所有不是自己的模块，而是来自其他方的模块的捆绑包，它们称为第三方模块或供应商模块。通常，它意味着（仅和）来自项目 /node_modules 目录的所有模块，会将所有 /node_modules 中的第三方包打包到 chunk-vendors.js 中。将所有的第三方包集中到一个文件，自然也会出现文件过大的
为何会写这篇文章呢？因为打包部署太麻烦 大家都知道，vue-cli项目配置后台服务地址的位置在config目录下的文件中配置，初学时觉得很方便。 真正应用到项目之后，会发现我们不只有开发环境，还有测试环境、生成环境等等，如果打包部署的话，我们需要分别为每个环境打一次包，很繁琐！ 项目前期还可以接受这种方式，因为主要是本地开发，到了项目后期进行bug修复和优化阶段，打包部署变得比较频繁
转载
2024-05-28 09:57:20
159阅读
在打包之前需要修改一个地方，那就是config->index.js文件，修改assetsPublicPath: '/'为assetsPublicPath: './',截图如下上面文件改好后，开始打包，执行如下命令： npm run build 生成 dist 文件夹1.使用 cordova 打包 （较为复杂，安全，需要配置环境） 第一步：安装cordova如果已经安装则直接跳过
转载
2024-04-15 14:53:29
0阅读
Node+Vue框架下的Echarts使用小记
基于Node+Vue的项目,其中有一个数据可视化的功能模块需要使用Echarts来做。关于Echarts的前世今生请戳:https://echarts.baidu.com/echarts2/doc/about.html我们来总结一下Echarts的优势:①更新快②bug少③样式多④功
操作的流程大概是：首先，在本地编辑器中创建一个可运行可打包的完整的项目，然后将其放到代码托管的远程仓库中。其次，在nginx的配置文件中更改相关的配置信息（项目的端口信息，以及项目入口文件的地址等）。最后，在jenkins里安装git插件，并且通过webHooks与远程仓库建立连接，最终在代码提交时触发自动构建项目，并且在项目的nginx部署地址可以访问到。一、开发工具和版本管理工具这里介绍vue
一、前期准备1.首先，需要安装nodejs，版本需要与其它同事的保持一致，否则可能出现打包报错的情况； 安装msi格式的nodejs，就可以不用手动配置环境变量。2.如果有必要，修改npm下载源为公司内网源（如果允许访问外网，可以找cnpm使用淘宝源的方法）npm config set registry http://www.xxx.com/group
npm config get regist
转载
2023-11-25 21:05:16
88阅读
问题描述：300kb的文件加载速度用了5s1.首先肯定要去掉.map文件在 config/index.js 文件中将productionSourceMap 的值设置为false. 再次打包就可以看到项目文件中已经没有map文件 productionSourceMap: false,
// https://webpack.js.org/configuration/devtool/#prod
转载
2023-10-11 09:01:11
215阅读
背景最近开发的一个项目使用了 vue+ element-ui 的技术栈，当然，还有其他的一些工具库，比如 axios。说一下我的开发步骤，基础结构是通过 vue-cli@2.x 创建的，手动的加入了 axios vuex , vue-router 是脚手架自带的。code split1. 路由懒加载使用 vue-router 的时候，如果按照默认配置，所有的路由都会被打包到一个 bundle.js
转载
2024-08-22 20:45:08
140阅读
使用vue-cli2.x脚手架为每个vue项目创建脚手架项目结构，项目结构目录中每个文件夹介绍如下：1、build 文件夹里面是对 webpack 开发和打包的相关设置，包括入口文件，输出文件，使用的模块等。 1.1 webpack.base.conf.js ：打包的核心配置 1.2 build.js：构建生产版本，项目开发完成之后，通过build.js打包（加载base与prod，读取完之后
转载
2024-05-17 21:33:32
223阅读
步骤一：你已经按照好vue文件了，可以成功运行项目，如没有按照vue，可以参照我前面的文章，那里面有详细的步骤 进到你的文件中，就会出现这些： 1.build：主要用来配置构建项目以及webpack2.config：项目开发配置3.npm或者cnpm所下载的依赖包4.你的源代码5.静态文件夹，webpack打包时不会打包这里文件6.最外层的页面一般title等都设置在这里7.存
转载
2023-10-12 11:30:17
370阅读
