close

Webpack Treoir do thosaitheoirí

Webpack uirlis an-úsáideach i bhforbairt gréasáin nua-aimseartha, ag cabhrú le bainistíocht acmhainní agus barrfheabhsú do thionscadail. Seo treoir bhunúsach do dhaoine nua maidir le conas é a úsáid Webpack:

Suiteáil Webpack

Ar an gcéad dul síos, suiteáil Node.js mura bhfuil sé agat cheana féin. Ansin, cruthaigh eolaire do do thionscadal agus oscail fuinneog Teirminéal/Leid Ordú san eolaire sin. Rith na horduithe seo a leanas chun Webpack webpack-cli a shuiteáil(comhéadan ordú-líne Webpack):

npm install webpack webpack-cli --save-dev

Cruthaigh Webpack Cumraíocht

Cruthaigh comhad atá ainmnithe webpack.config.js i bhfréamh eolaire do thionscadail. Seo an áit a chumróidh tú Webpack.

const path = require('path');  
  
module.exports = {  
  entry: './src/index.js', // Entry point of your application  
  output: {  
    filename: 'bundle.js', // Output file name  
    path: path.resolve(__dirname, 'dist') // Output directory  
  }  
};

Cruthaigh Fillteáin agus Comhaid

Cruthaigh src fillteán sa fhréamh-eolaire, agus laistigh de, cruthaigh comhad atá ainmnithe index.js mar phríomhchomhad d'iarratas.

Rith Webpack

Oscail Terminal agus rith an t-ordú seo a leanas chun do chód foinse a thiomsú ag baint úsáide as Webpack:

npx webpack

Tar éis an t-ordú seo a rith, Webpack leanfar an chumraíocht, tiomsaigh an index.js comhad, agus cruthaigh comhad aschuir atá ainmnithe bundle.js san dist eolaire.

Úsáid i HTML

Cruthaigh comhad HTML san dist eolaire nó sa suíomh is fearr leat agus nasc leis an bundle.js gcomhad:

<!DOCTYPE html>  
<html>  
<head>  
  <title>Webpack App</title>  
</head>  
<body>  
  <script src="bundle.js"></script>  
</body>  
</html>

Rith an Feidhmchlár

Oscail an comhad HTML i do bhrabhsálaí agus seiceáil an bhfuil d'iarratas ag obair.

Níl anseo ach treoir bhunúsach. Webpack Tá go leor gnéithe cumhachtacha cosúil le láimhseáil CSS, modúil a bhainistiú, lódairí agus forlíontáin a úsáid, leas iomlán a bhaint as cód foinse, agus go leor eile. Déan iniúchadh ar na doiciméid oifigiúla Webpack chun inniúlachtaí na huirlise seo a ghiaráil go hiomlán.