在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的時候,這個文件沒有被創建,需要 ...