Build base阶段的优化,涉及到环境准备,镜像拉取,依赖的安装。前端能发挥的空间不大,这一块主要和 SRE 团队沟通,共同进行优化,可以做的有增加缓存处理、外挂文件系统、将依赖写进容器等方式。 我们的优化,主要关注Build Region阶段,也就是核心关注如何减少npm run build的时间。 文章开头有贴过npm run build的耗时...
首先在当前目录下,用npm run build命令将文件打包到build文件夹(或者是其他文件夹名) 把build目录传到服务器上 打开终端(提一句,Windows在Microsoft store里新出的terminal应用还蛮好用的,当然是相对而言。啊,对了,它还出了WSL 的ubuntu子系统) cd到自己的文件目录(就是目录下有build的那个),然后 scp -r ./bu...
意思:运行”npm run dev”的时候执行的是build/dev-server.js文件, 运行”npm run build”的时候执行的是build/build.js文件。 ├─build │ ├─build.js │ ├─check-versions.js │ ├─dev-client.js │ ├─dev-server.js │ ├─utils.js │ ├─vue-loader.conf.js │ ├─webpack.base.conf...
修改vite.config.js 配置文件 打包部署需要按需求配置 base、build 选项 import{defineConfig,loadEnv}from'vite'importvuefrom'@vitejs/plugin-vue'importpathfrom'path'exportdefaultdefineConfig(({mode})=>{constenv=loadEnv(mode,__dirname)return{plugins:[vue()],base:env.VITE_MODE==='production'?'./'...
1、各种版本 ` "iview": "^3.0.0", "vue": "^2.5.16", "vue-router": "^2.8.1" "webpack": "^2.2.1", "webpack-dev-server": "^2.4.1", "webpack-merge": "^3.0.0" ` 2、base.config.js文件 ` const path = require('path'); const webpack = require('webpack'); ...
build/build.js 构建环境下的配置, build.js主要完成下面几件事: loading动画 删除创建目标文件夹 webpack编译 输出信息 build/webpack.prod.conf.js 构建的时候用到的webpack配置来自webpack.prod.conf.js,该配置同样是在webpack.base.conf基础上的进一步完善。主要完成下面几件事情: ...
一、探寻npm run 背后的真实操作 1、看看 npm run serve 首选从npm run serve开始,整个应该都很熟悉了,执行这命令后就是执行,package.json 的script 中key为serve后面的值 "scripts": {"serve": "vue-cli-service serve","build": "vue-cli-service build","lint": "vue-cli-service lint"}, ...
从npm run build,找执行命令webpack 通过package.json中bin字段获取到webpack命令映射的执行文件webpack.js。 webpack.js文件中执行runCli()方法,用来载入webpack-cli命令的映射文件cli.js。 cli.js执行runCLI()方法,实例化new WebpackCli(),并执行run()方法。
npm run build出来就是这个文件夹, 但是有一个问题是,路径有问题 画框的是自动生成出来的, body下面是我修改过的,如果不修会报错js或者css找不到,vue-cli默认那个栗子也是这样的,我将static/前面的/,手动去掉就可以加载了,这个问题需要在哪里修改。superlbr commented Aug 4, 2016 这个就是让你弄到服务器...
2、在build => util.js 里找到ExtractTextPlugin.extract,增加一行:publicPath: '../../' 然后npm run build打包出来的文件,就可以直接打开运行啦!也可以直接作为HTML静态页面扔进服务器 3、修改main.js文件的存放位置,把main.js挪到src/js/下面,找到build/webpack.base.conf.js ...