Webpack
ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° Webpack Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ ΡΠΎΠ»ΡΠΊΠΎ Ρ js
ΠΠ»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΠΎ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ webpack Π΄Π»Ρ ΡΠ±ΠΎΡΠΊΠΈ Node.js ΠΏΡΠΎΠ΅ΠΊΡΠ°. ΠΠΈΠΆΠ΅ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½ ΠΏΡΠΈΠΌΠ΅Ρ Π±Π°Π·ΠΎΠ²ΠΎΠΉ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΠΈ webpack.
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠ΅ ΠΏΠ°ΠΊΠ΅ΡΡ:
npm install --save-dev webpack webpack-cli webpack-node-externalsΠ‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΡΠ°ΠΉΠ»
webpack.config.js:const path = require('path'); const nodeExternals = require('webpack-node-externals'); module.exports = { entry: './src/index.js', // ΠΠ°Ρ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΡΠ°ΠΉΠ» ΠΏΡΠΎΠ΅ΠΊΡΠ° target: 'node', output: { path: path.resolve(__dirname, 'dist'), filename: 'bundle.js', }, externals: [nodeExternals()], // ΠΡΠΊΠ»ΡΡΠ°Π΅Ρ node_modules ΠΈΠ· Π±Π°Π½Π΄Π»Π° mode: 'production', };ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠΊΡΠΈΠΏΡ ΡΠ±ΠΎΡΠΊΠΈ Π²
package.json:"scripts": { "build": "webpack --config webpack.config.js" }Π‘ΠΎΠ±Π΅ΡΠΈΡΠ΅ ΠΏΡΠΎΠ΅ΠΊΡ:
npm run build
Π€Π°ΠΉΠ» dist/bundle.js Π±ΡΠ΄Π΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ Π²Π°Ρ ΠΊΠΎΠ΄ ΠΈ Π²ΡΠ΅ Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ, ΠΊΡΠΎΠΌΠ΅ ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ Node.js, ΡΠ°ΠΊΠΈΡ
ΠΊΠ°ΠΊ fs, path ΠΈ Π΄ΡΡΠ³ΠΈΡ
, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΡΡΠ°ΡΡΡΡ Π²Π½Π΅ΡΠ½ΠΈΠΌΠΈ.
ΠΡΠ»ΠΈ Π·Π°ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°ΡΡ externals: [nodeExternals()], ΡΠΎ ΡΠ±ΠΎΡΠΊΠ° Π±ΡΠ΄Π΅Ρ production - Ρ.Π΅. Π±Π΅Π· Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ Node.js
ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° Webpack Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ html
Last updated