Kuxazululiwe: htmlWebpackPlugin.options.title

I-HTMLWebpackPlugin iyithuluzi elinamandla elenza kube lula kakhulu ukudalwa kwamafayela e-HTML ukuze kusetshenziswe izinyanda zakho zamaphakethe ewebhu. Le plugin esebenzayo ihlinzeka abathuthukisi ngezinketho ezahlukahlukene ukwenza ikhodi yethu isebenze kahle futhi ibe namandla. Enye yalezi zinketho inketho ethi `htmlWebpackPlugin.options.title`, esivumela ukuthi sihlele isihloko sefayela le-HTML.

Ukuqonda Inkinga

Ngaphambi kokuthi sixazulule noma yini, kubalulekile ukuthi siqale sihlonze futhi siqonde inkinga. Inkinga ekhona ihlanganisa ukusebenza nezinqwaba ze-webpack kanye nesidingo sendlela esebenza kahle kakhulu yokuphatha amafayela e-HTML abawahlinzekayo. Ngokukhethekile, sigxile endleleni yokusetha isihloko lalawa mafayela e-HTML. Sizoxazulula le nkinga ngokusebenzisa ukulungiselelwa kokuthi `htmlWebpackPlugin.options.title` ku-HtmlWebpackPlugin evumela unjiniyela ukuthi asethe lesi sihloko se-HTML ngamandla.

Isixazululo: htmlWebpackPlugin.options.title

// webpack.config.js
const HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
  entry: 'index.js',
  output: {
    path: __dirname + '/dist',
    filename: 'index_bundle.js'
  },
  plugins: [
    new HtmlWebpackPlugin({
      title: 'My App',
      template: 'src/index.html'
    })
  ]
}

Efayeleni elingenhla lokumisa iphakethe lewebhu, okokuqala sidinga i-HtmlWebpackPlugin. Kuhlelo lwama-plugin, bese sidala isibonelo esisha se-HtmlWebpackPlugin. Kulesi sibonelo, singadlula entweni yezinketho lapho singasetha khona isihloko sefayela lethu le-HTML ngempahla `yesihloko`.

Isinyathelo ngesinyathelo Incazelo

Ake sihlukanise ikhodi:

  • Isitatimende `sokudinga` sisetshenziselwa ukulayisha imojuli ye-HtmlWebpackPlugin.
  • Bese sithekelisa into yokumisa ye-webpack.
  • Kuhlelo lwama-plugin, sakha isibonelo esisha se-HtmlWebpackPlugin.
  • Ngaphakathi kwesibonelo se-HtmlWebpackPlugin, sibeka impahla `yesihloko` ku-'My App'. Lokhu kusetha isihloko sefayela le-HTML elizokhiqizwa yi-HtmlWebpackPlugin.

Izici ezengeziwe ze-HtmlWebpackPlugin

Ngaphandle kokusetha isihloko se-HTML, `I-HtmlWebpackPlugin` ihlanganisa ezinye izici ezimbalwa ezingathuthukisa ukuphathwa kwamafayela akho e-HTML. Lezi zici zifaka ukukhiqizwa kwamafayela e-HTML ngokuzenzakalela, ukwenziwa kwamafayela kube lula, futhi kufaka phakathi amafayela ahlanganiswe i-JavaScript ngokuzenzakalelayo. Uma zisetshenziswa kahle, lezi zici zenza i-webpack ibe ithuluzi elinamandla kakhulu lonjiniyela.

Ukusebenza Neminye Imitapo yolwazi

Ngenkathi sigxile ku-HtmlWebpackPlugin kulokhu okuthunyelwe, kuneminye imitapo yolwazi eminingi okufanele ihlolwe ehlinzeka ngokusebenza okufanayo noma okuhambisanayo. Isibonelo, `i-clean-webpack-plugin` iyasiza ekugcineni i(ama)folda yakho yokwakha ngokukhipha/ukuhlanza i(ama)folda yakho yokwakha ngokuzenzakalelayo ngaphambi kwesakhiwo ngasinye, ukuvimbela ukunqwabelana kwamafayela angadingekile.

Sengiphetha, nakuba i-`htmlWebpackPlugin.options.title` ingase ibonakale njengesici esincane se-HtmlWebpackPlugin, isibonelo sokuthi le plugin ilungiseka futhi iguquguquke kanjani. Ibonisa ukuthi yakhelwe kanjani ukwenza impilo yonjiniyela ibe lula nekhodi isebenze kahle.

Khumbula, ithuluzi ngalinye nomtapo wolwazi owusebenzisayo uhlanganisa amathuba anjalo okufunda nokuthuthukisa amakhono akho okubhala amakhodi.

Okuthunyelwe okuhlobene:

Shiya amazwana