Code, data, at QR na tool

Tagabuo ng Webpack Config

Pumili ng isang JavaScript entry at direktoryo ng output para sa limitadong CommonJS starter. Kopyahin o i-download ang webpack.config.cjs at suriin ito sa proyekto mo.

Lokal na pinoproseso sa browserHindi kailangan ng accountMga detalye ng pagkapribado ↗

Para sa Webpack 5 at webpack-dev-server 5. Suriin ang mga bersyon ng dependency at ang proyekto bago gamitin. Hindi nito pinapatakbo o sinusuri ang build.

Paano gamitin

Paano gamitin

  1. Itakda ang relative entry at output path, mode, port at pampublikong path.
  2. Bumuo at suriin ang config at mga tala sa dependency.
  3. Kopyahin o i-download, mag-install ng magkatugmang dependency at suriin sa sarili mong proyekto.

Bersyon at mga dependency

Para sa Webpack 5 at webpack-dev-server 5. Kailangan ang webpack-cli, babel-loader, @babel/core, @babel/preset-env, style-loader at css-loader. Pumili ng magkatugmang bersyon ng package at Node.js. Walang ini-install ang tool.

Mga limitasyon ng starter

Isang JavaScript entry lamang. Walang JSX, TypeScript, HTML generation, CSS extraction, framework preset o deployment config. Inihahatid ng dev server ang public directory; magbigay ng HTML na tumutukoy sa bundle sa napiling pampublikong path. Hindi sapat ang production mode para sa kahandaan sa production. Hindi sinusuri ang build at pagiging tugma ng dependency.

Lokal na pagbuo

Limitadong ASCII character lamang ang relative path at bawal ang parent segment. Ang port ay 1024–65535. Ang pampublikong path ay auto o direktoryong nagsisimula at nagtatapos sa /. Teksto lamang ang binubuo; walang pagbabasa ng project file o pagsisimula ng server.

Mga madalas itanong

Maaari mo ring alamin

Bakit .cjs ang file?

Gumagamit ito ng CommonJS require at module.exports. Nililinaw ng .cjs ang format kahit type: module ang package.json.

Garantisadong gagana ba ang build?

Hindi. Panimulang snippet lamang ito. Suriin ang path, magbigay ng HTML, pumili ng magkatugmang dependency at patakbuhin ang build sa proyekto mo.