Bagaimana untuk menyelesaikan masalah yang tidak dijalankan oleh Vue semasa mengubah suai fail konfigurasi

Dengan pembangunan berterusan teknologi pembangunan bahagian hadapan, rangka kerja Vue telah menjadi alat yang sangat penting. Semasa pembangunan menggunakan rangka kerja Vue, mengubah suai fail konfigurasi adalah operasi yang sangat biasa. Walau bagaimanapun, adalah sangat biasa untuk mengubah suai fail konfigurasi tanpa menjalankannya. Jadi, bagaimana untuk menyelesaikan masalah ini? Artikel ini akan memperkenalkan anda cara menyelesaikan masalah Vue tidak menjalankan fail konfigurasi yang diubah suai.

Pertama sekali, perlu dijelaskan bahawa terdapat dua fail konfigurasi untuk rangka kerja Vue, satu ialah fail konfigurasi lalai Vue vue.config.js, dan satu lagi ialah fail konfigurasi Webpack webpack.config. js. Semasa pembangunan, kita perlu mengubah suai kedua-dua fail konfigurasi ini untuk memenuhi keperluan yang berbeza. Walau bagaimanapun, kadangkala kami mengubah suai kedua-dua fail konfigurasi ini tetapi mendapati bahawa rangka kerja Vue tidak menjalankan pengubahsuaian ini.

Untuk fail konfigurasi lalai Vue vue.config.js, situasi biasa ialah mengubah suai warna tema pustaka pihak ketiga (seperti ElementUI, AntDesign, dll.) yang dirujuk oleh fail. Pada masa ini kita perlu menambah kod berikut pada vue.config.js:

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

Walau bagaimanapun, apabila kami menyimpan perubahan dan menjalankan semula projek Vue, kami mendapati bahawa warna tema belum diubahsuai. Ini kerana fail konfigurasi lalai Vue hanya akan dihuraikan dan digunakan apabila menjalankan perintah Vue-cli-service Jika kami mengubah suai fail konfigurasi tanpa menjalankan semula arahan, rangka kerja Vue tidak akan membaca pengubahsuaian kami.

Penyelesaian kepada masalah ini sangat mudah, cuma tambahkan pilihan --config pada arahan. Sebagai contoh, jika kita ingin mengubah suai warna tema, kita perlu menjalankan arahan berikut:

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

Dengan cara ini, rangka kerja Vue boleh membaca pengubahsuaian kami.

Terdapat masalah yang sama untuk fail konfigurasi Webpack webpack.config.js. Sebagai contoh, kami ingin mengubah suai laluan fail kemasukan Webpack dan menambah kod berikut pada webpack.config.js:

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

Begitu juga, apabila kami menjalankan semula projek Vue selepas menyimpan pengubahsuaian, kami mendapati bahawa Webpack tidak membaca Dapatkan perubahan konfigurasi kami. Ini kerana Webpack hanya akan membaca fail konfigurasi bernama webpack.config.js secara lalai Jika kita mahu Webpack membaca fail lain, kita perlu menambah pilihan --config pada arahan, contohnya:

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

.

Dengan cara ini, Webpack boleh membaca perubahan kami.

Untuk meringkaskan, jika kami mendapati rangka kerja Vue tidak menjalankan pengubahsuaian ini semasa mengubah suai fail konfigurasi Vue, kami perlu memberi perhatian kepada perkara berikut:

1. Selepas mengubah suai fail konfigurasi, pastikan anda menjalankannya semula Perintah yang sepadan supaya Vue boleh membaca pengubahsuaian kami.
2. Untuk fail konfigurasi lalai Vue, anda perlu menambah pilihan --config pada arahan supaya Vue boleh membaca fail konfigurasi yang kami tentukan.
3. Untuk fail konfigurasi Webpack, anda juga perlu menambah pilihan --config pada arahan.

Saya harap kandungan di atas dapat membantu anda menyelesaikan masalah Vue tidak berjalan untuk mengubah suai fail konfigurasi, membolehkan anda membangunkan rangka kerja Vue dengan lebih lancar.

Atas ialah kandungan terperinci Bagaimana untuk menyelesaikan masalah yang tidak dijalankan oleh Vue semasa mengubah suai fail konfigurasi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!