這篇文章主要介紹“Vue不運行修改配置文件的問題怎么解決”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“Vue不運行修改配置文件的問題怎么解決”文章能幫助大家解決問題。

創新互聯建站服務項目包括陽東網站建設、陽東網站制作、陽東網頁制作以及陽東網絡營銷策劃等。多年來，我們專注于互聯網行業，利用自身積累的技術優勢、行業經驗、深度合作伙伴關系等，向廣大中小型企業、政府機構等提供互聯網行業的解決方案，陽東網站推廣取得了明顯的社會效益與經濟效益。目前，我們服務的客戶以成都為中心已經輻射到陽東省份的部分城市，未來相信會繼續擴大服務區域并繼續獲得客戶的支持與信任！

首先，需要明確的是，Vue框架的配置文件有兩個，一個是Vue的默認配置文件vue.config.js，另一個是Webpack的配置文件webpack.config.js。在進行開發時，我們需要對這兩個配置文件進行修改以滿足不同的需求。然而，有時我們對這兩個配置文件進行修改卻發現Vue框架沒有運行這些修改。

對于Vue默認配置文件vue.config.js來說，有一種常見的情況是修改該文件引用的第三方庫（如ElementUI、AntDesign等）的主題色。這時我們需要在vue.config.js中添加以下代碼：

module.exports = {
  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          'primary-color': '#1DA57A'
        },
        javascriptEnabled: true
      }
    }
  }
}

然而，當我們保存修改后，重新運行Vue項目時，卻發現主題色并沒有被修改。這是因為，Vue默認配置文件只在運行Vue-cli-service命令時才會被解析和應用，如果我們修改完配置文件后，沒有重新運行命令，則Vue框架不會讀取到我們的修改。

解決這個問題的方法非常簡單，只需要在命令中添加--config選項即可。例如，我們要修改主題色，需要運行以下命令：

vue-cli-service serve --config vue.config.js

這樣，Vue框架就能夠讀取到我們的修改了。

對于Webpack配置文件webpack.config.js來說，也有類似的問題。例如，我們要修改Webpack的入口文件路徑，在webpack.config.js中添加以下代碼：

module.exports = {
  entry: './src/index.js'
}

同樣地，我們在保存修改后重新運行Vue項目時，發現Webpack并沒有讀取到我們的配置修改。這是因為，Webpack默認只會讀取名為webpack.config.js的配置文件，如果我們想讓Webpack讀取到其他文件，需要在命令中添加--config選項，例如：

vue-cli-service serve --config myWebpackConfig.js

這樣，Webpack就能夠讀取到我們的修改了。

關于“Vue不運行修改配置文件的問題怎么解決”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注創新互聯行業資訊頻道，小編每天都會為大家更新不同的知識點。

分享標題：Vue不運行修改配置文件的問題怎么解決
標題URL：http://m.newbst.com/article0/gcssio.html

成都網站建設公司_創新互聯，為您提供網站內鏈、域名注冊、軟件開發、建站公司、微信小程序、動態網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯