在vue项目开发中,遇到了一些坑,自行查了资料和文档,在本地引入背景图片报错,和打包之后会报404未找到图片路径错误,解决方法如下: 1、找到 config->index.js里面,如下修改 2、找到 build->utils.js 配置修改完成,接下 ...
vue.config.js 基本配置 自定义路径别名 修复热更新失效 配置 externals 为 sass 提供全局样式以及全局变量 去除 console.log 在babel.config.js文件中添加 移动端适配 将px转换为rem 将px转换为vw vuecli创建的项目本身就自带postcss pxtorem 安装插件yarn add amfe flexible yarn add po ...
2021-06-08 16:57 1 153 推荐指数:
在vue项目开发中,遇到了一些坑,自行查了资料和文档,在本地引入背景图片报错,和打包之后会报404未找到图片路径错误,解决方法如下: 1、找到 config->index.js里面,如下修改 2、找到 build->utils.js 配置修改完成,接下 ...
有时候,开发过程中,项目会有很多环境 dev:本地开发环境uat:测试/预发布环境production:正式/生产环境 不同环境下,打包、部署和api的调用都是不同的。如果每次都频繁修改代码,明显是不理智的,效率也是很低的 使用如下在package.json新增命令脚本 ...
1、首先全局安装node,和npm。检查是否安装成功 2、新建一个文件下,进入该文件夹。 前先执行 npm init -y 然后就会在文件夹下出现一个package.json文件 然 ...
"; import vue from "@vitejs/plugin-vue"; ...
一、开发环境配置 —— config/dev.env.js 二、生成环境配置 —— config/prod.env.js ...
1.利用DllPlugin,DllReferencePlugin ,UglifyJsPlugin分离第三方库文件,使打包后的vendor文件变小。 DllPlugin通过entry获取config中library的第三方库,和我们开发代码进行分离,生成一个独立的js 文件 ...
目的:配置路径,让打包后的dist在本地可以打开。 方法:修改build文件夹下边的的webpack.dev.conf.js文件,找到devServer下边的publicPath,这个来源于config文件,所以找到对应的属性修改成“./”就可以了。 ...
1.vue打包的问题 一次在两个电脑中给同一个项目打包,打出来dist文件的不一样打,一个15.7M ,一个3.7M,同样的代码,同样的命令,为什么打出来的包差别这么大。 查了一下代码,发现vue.config.js这个文件不同。在create vue的时候,这个文件没有被创建,需要 ...