最新打包vue cli 4.5 项目时，体积尽然达到了9M，页面访问的速度，因此进行尝试进行优化，最终压缩到 968k ，效果明显。下面是优化方法。首先新建文件'vue.config.js'，放在项目根目录下，与package.json在同一级目录下1.BundleAnalyzer 作用：展示打包图形化信息，会打开一个html页面，帮助自己分析哪些文件过大，可针对其进行优化，上线前&nb
转载
2023-10-12 21:09:44
165阅读
最新打包vue cli 4.5 项目时，体积尽然达到了9M，页面访问的速度，因此进行尝试进行优化，最终压缩到 968k ，效果明显。下面是优化方法。首先新建文件'vue.config.js'，放在项目根目录下，与package.json在同一级目录下1.BundleAnalyzer 作用：展示打包图形化信息，会打开一个html页面，帮助自己分析哪些文件过大，可针对其进行优化，上线前&nb
转载
2023-11-22 07:03:28
139阅读
// { // test:/\.css$/, // use:['style-loader','css-loader'] // } , { test:/\.scss$/, use:[ 'style-loader', // 'css-loader', { loader:'css-loader', opt
原创
2021-11-29 15:08:59
126阅读
1. Execute shell. /root/.nvm/nvm.shnvm use v12.2.0cnpm installnpm run testcd distrm -rf ydc_parkrun.tar.gztar -zcvf ydc_parkrun.tar.gz --exclude=node_modules *cd ..2. Send build artifacts o...
原创
2022-01-29 10:36:23
295阅读
1. Execute shell. /root/.nvm/nvm.shnvm use v12.2.0cnpm installnpm run testcd distrm -rf ydc_parkrun.tar.gztar -zcvf ydc_parkrun.tar.gz --exclude=node_modules *cd ..2. Send build artifacts o...
原创
2021-07-12 13:44:39
260阅读
# Vue 打包配置 Axios 教程
在现代前端开发中，使用 Axios 进行 HTTP 请求几乎是不可或缺的一部分。本文将详细介绍如何在 Vue 项目中配置 Axios 并进行打包。我们会通过一系列步骤完成这一过程。以下是整个流程的概述。
## 步骤概览
| 步骤 | 操作 | 描述 |
|------|---
直接上代码配置：首先是config下面的文件修改 dev.env.js 'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')
module.exports = merge(prodEnv, {
NODE_ENV: '"development"'
前戏 Webpack 本身只能处理 JavaScript 模块，如果要处理其他类型的文件，就需要结合插件来使用，这些插件在Webpack 中被称为 Loader （加载器） 来进行转换。 Loader 可以理解为是模块和资源的转换器，它本身是一个函数，参数接受的是源文件， 返回值是转换后的结果。 这
原创
2022-07-07 10:45:41
386阅读
初始化：npm init -y安装webpacknpm install webpack webpack-cli --save-dev安装vuenpm i --save-dev vue vue-loader vue-template-compiler 安装css的插件npm install --save-dev style-loader css-loader...
原创
2021-07-05 13:48:48
481阅读
需要下载HBuildX 软件步骤1编译自己的VUE项目 编译项目之前有很重要的步骤不能忘记将config文件夹里面的index.js中的 assetsPublicPath的值修改 为“./”webpack.prod.conf.js 中output添加参数publicPath:’./’在webpack.base.conf.js里publicPath: process.env.NODE_EN
转载
2023-05-24 16:25:24
529阅读
1.vue打包的问题 一次在两个电脑中给同一个项目打包，打出来dist文件的不一样打，一个15.7M ,一个3.7M，同样的代码，同样的命令，为什么打出来的包差别这么大。 查了一下代码，发现vue.config.js这个文件不同。在create vue的时候，这个文件没有被创建，需要自己手动添加，内 ...
转载
2021-07-27 16:01:00
1651阅读
2评论
在config下新建 test.env.js 文件在prod.env.js 文件中改成// 改成你的环境域名就行 正式和测试的'use strict'const target = process.env.npm_lifecycle_event;if (target == 'test') { //测试 var obj = { NODE_ENV: '"produc...
原创
2022-01-10 14:05:09
1343阅读
Vue使用Webpack进行打包配置，以下是基本步骤：安装Webpack和相关的加载器npm install webpack webpack-cli vue-loader vue-template-compiler css-loader style-loader file-loader url-loader --save-dev创建webpack配置文件webpack.config.js并进行基本
原创
2023-09-18 07:15:03
241阅读
转载
2020-08-03 16:54:00
79阅读
2评论
# Vue 项目打包 iOS 配置
Vue.js 是一款用于构建用户界面的渐进式 JavaScript 框架。在开发过程中，我们经常需要将我们的 Vue 项目打包成 iOS 应用程序。本文将向您介绍如何配置一个 Vue 项目以打包成 iOS 应用程序，并提供代码示例供参考。
## 安装依赖
在开始之前，我们需要安装一些必要的依赖。首先，确保您已经安装了 Node.js 和 npm。然后，打开
原创
2023-07-25 16:46:59
220阅读
1111111111111111111111 ...
转载
2021-10-15 11:37:00
114阅读
2评论
以下例子springboot后端地址为:localhost:7080/pingandaivue前端地址为:locahost:8080/pingandai/1、如果路由模式设置的是history。那么最好带上base，（base是根目录的地址，比如你在页面上访问localhost:8080/b，那么它会自动跳转到localhost:8080/pingandai/b路径上） 打包完成后(打包
转载
2023-08-03 11:11:08
722阅读
// 安装 模板解析 "html-webpack-plugin": "4.0.0-alpha", npm install html-webpack-plugin -D "css-loader": "^3.6.0", "style-loader": "^2.0.0", "less": "^3.9.0"
原创
2021-07-28 15:44:52
1728阅读
#user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections ...
转载
2019-08-03 11:35:00
333阅读
2评论
配置如下server { listen 80; server_name localhost; location / { root /app; index index.html; try_files $uri $uri/ /index.html; }}其中:/app 是网站根目录参考https://cli.vuejs.org/zh/guide/deployment.html...
原创
2021-07-12 10:20:12
2630阅读
