vue cli 打包报错： 原因：上面的代码是es6的语法，由于现在还有浏览器不支持es6的语法，所以在打包的过程中要把es6转换成es5,在打包时使用了UglifyJs压缩JS，但是UglifyJs无法解析ES6，才出现了上述问题。 解决：build/webpack.base.config.js
转载
2018-01-04 21:07:00
397阅读
2评论
main:"background.js" vue-cli3的配置都在vue-config.js里面，把里面的files选项去掉即可。 然后在package.json中添加： ...
转载
2021-10-18 13:51:00
2769阅读
2评论
添加icon参考文档1. 在项目根目录（index.html同级目录）下添加favicon.ico文件2. 在项目index.html中引入图标<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />复制代码3. 配置webpack配置文件(build文件夹下面)在 webpack.dev.conf.js
转载
2021-01-30 12:38:11
1037阅读
2评论
在项目根目录中执行如下命令： npm run build 注：Vue脚手架打包的项目必须在服务器上运行，不能直接双击运行； 在打包之后项目中出现 dist 目录，dist 目录就是 Vue脚手架项目的生产目录（直接部署目录）。 ...
转载
2021-10-02 13:21:00
485阅读
2评论
在项目下新增vue.config.js文件 module.exports={ productionSourceMap: false, publicPath: process.env.NODE_ENV 'production' ? '././' : './', }
原创
2022-09-01 17:38:48
63阅读
解决： 参考网址：https://www.cnblogs.com/wjhsmart/p/13563239.html ...
转载
2021-08-06 17:33:00
342阅读
2评论
先解决警告： 原因：电脑没有配置淘宝镜像 配置淘宝镜像： npm config set registry https://registry.npm.taobao.org 验证： npm config get registry 按照提示解决报错 del /s /q C:\Users\xizangshu
转载
2021-07-07 11:09:06
373阅读
前文 Vue - Vue CLI(4): Vue-CLI2 和 Vue-CLI3、Vue-CLI4的区别 里面有提到：Vue CLI3、Vue CLI4新建的项目，根目录结构内 少了之前的 build、config、static文件夹，配置文件也少了几个，连 index.html 都没有了，但多了一个 public 文件夹。那么问题来了，既然没有了 build、config文件夹，那么项目
转载
2021-05-10 18:15:29
1442阅读
2评论
Eslint代码校验规则配置
今天在编写好vue项目代码时，在命令行输入npm start的时候出现了如下图所示的一大堆错误：在网上查找资料说是缺少EsLint配置文件的问题，最终找到一篇由 hahazexia 编写的一篇博客文章，就是关于EsLint配置的文章，现将该文章的链接粘贴出来，方便大家翻阅：，在此特地感谢 hahazexia ，让我知道了Es
转载
2024-07-31 17:16:55
95阅读
目的： 提高打包速度 减小项目体积、提高首屏加载速度 提高用户体验（骨架屏） 1.使用CDN 加速优化 cdn优化是指把第三方库比如（vue，vue-router，axios）通过cdn的方式引入项目中，这样vendor.js会显著减少，并且大大提升项目的首页加载速度。 2.图片压缩 需要下载 im ...
转载
2021-07-19 18:27:00
1435阅读
2评论
对于vue刚入门的小伙伴可能会走了一个这样的过程： 跟着教程一步一个坑的搞好了手脚架用npm创建了一个vue项目；但是这时候你会发现当你直接在浏览器查看index.html的时候是空白的；然后你会发现命令行提示你本地的路径却是localhost：8080（对于找了半天原因的你，是不是很惊喜）。当然，惊喜还在后头呢；当你想正常（双击）去打开index.html文件的时候，得到的是一片空白，那是因为v
转载
2024-05-03 11:39:23
168阅读
一、vue项目1. 打包：npm run build
# 也可以指定配置文件
npm run build:prod打包后会在根目录的dist文件夹下生成静态资源，dist文件夹可通过修改配置修改为别的文件夹2. 新建nginx.conf：server {
listen 9000;
server_name localhost;
#charset koi8-r;
转载
2024-10-24 18:24:03
55阅读
报错内容： 报错原因：代码全部放在了路由配置的main.js文件里，router没有定义，使用的时候报undefined解决方法： 把router.beforeEach放在main.js里面 ...
转载
2019-02-26 17:56:00
1456阅读
2评论
## 如何解决“npm install -g @vue/cli 报错”问题
作为一名经验丰富的开发者，我们经常会在工作中遇到各种问题，其中包括在安装Vue CLI时出现报错。在本文中，我将教您如何解决“npm install -g @vue/cli 报错”的问题，帮助您顺利安装Vue CLI。
### 安装Vue CLI的一般流程
在解决问题之前，我们首先需要了解安装Vue CLI的一般流
原创
2024-05-21 09:44:51
815阅读
Vue报错:Can‘tresolve路径提示的错误，如：Vue报错:Can‘t resolve出现类似错误：用@从src目录开始import MyList from "@/components/MyList.vue"
原创
2022-05-24 18:10:48
346阅读
1、public文件夹 使用绝对路径引入。 2、assets文件夹 使用相对路径引入。 https://cli.vuejs.org/zh/guide/html-and-static-assets.html#%E4%BB%8E%E7%9B%B8%E5%AF%B9%E8%B7%AF%E5%BE%84%E
转载
2019-08-12 14:56:00
313阅读
2评论
在这篇博文中，我将讨论“Vue CLI将vue文件打包为JavaScript文件”的过程，包括其协议背景、抓包方法、报文结构、交互过程、异常检测及扩展阅读等内容。这个过程涉及Vue CLI的基本操作以及与应用程序的交互，下面我将详细阐述。
### 协议背景
在前端开发中，Vue CLI是一个强大的工具，它可以将 Vue 单文件组件 (.vue 文件) 转换为浏览器可执行的 JavaScript
转载
2020-04-22 14:08:00
132阅读
2评论
config文件夹内容修改一、index.js修改二、test.env.js新增build文件夹内容修改一、webpack.test.conf.js新增二、build-test.js新增package
原创
2022-01-13 17:30:40
636阅读
