Bagaimana untuk membungkus kod nodejs

Dengan aplikasi JavaScript yang meluas di bahagian belakang dan bahagian hadapan, Node.js telah menjadi pilihan ramai pembangun. Walau bagaimanapun, apabila membangunkan aplikasi Node.js, kita selalunya perlu membungkus kod ke dalam fail boleh laku atau menerbitkannya ke persekitaran pengeluaran. Artikel ini akan membincangkan cara membungkus kod Node.js.

Alat Pembungkusan

Pertama, kita perlu memilih alat pembungkusan. Pada masa ini, terdapat terutamanya pilihan berikut: Webpack, Rollup, Parcel dan Browserify.

Webpack ialah salah satu alat pembungkusan yang paling popular pada masa ini. Ia boleh membungkus kod JavaScript bahagian hadapan dan belakang serta menyokong pelbagai pemalam dan Pemuat. Rollup dan Parcel juga merupakan alat pembungkusan yang biasa digunakan, dan ia digunakan terutamanya untuk membungkus kod bahagian hadapan. Browserify ialah salah satu alat pembungkusan terawal, memfokuskan pada pembungkusan kod bahagian hadapan.

Di sini, kami memilih Webpack untuk demonstrasi.

Pasang Webpack

Memasang Webpack adalah sangat mudah. Kita boleh menggunakan npm untuk memasangnya dengan arahan berikut:

npm install webpack --save-dev

Seterusnya, kita perlu mencipta fail webpack.config.js yang mengandungi konfigurasi Webpack.

Mengkonfigurasi Pek Web

Dalam fail webpack.config.js, kita perlu mentakrifkan fail masuk dan fail keluar terlebih dahulu. Fail kemasukan ialah fail kod utama kami, dan fail eksport ialah fail yang dijana selepas pembungkusan. Sebagai contoh, kita boleh mentakrifkan fail masukan sebagai index.js dan fail keluar sebagai main.js.

const path = require('path');

module.exports = {
  entry: './index.js',
  output: {
    filename: 'main.js',
    path: path.resolve(__dirname, 'dist')
  }
};

Dalam kod di atas, kami menggunakan modul laluan untuk menentukan laluan fail output. Folder dist akan mengandungi aplikasi berpakej kami.

Seterusnya, kita perlu menentukan Pemuat kita. Pemuat boleh membantu kami menukar kod yang disusun semasa pembungkusan. Sebagai contoh, kita boleh menggunakan Babel Loader untuk menukar kod ES6 kepada kod ES5.

module.exports = {
  // 其他配置
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env']
          }
        }
      }
    ]
  }
};

Dalam kod di atas, kami menggunakan Babel Loader untuk menukar kod kami kepada kod ES5. Kita boleh lulus tetapan Babel melalui pilihan. Dalam kes ini kami menggunakan pratetap @babel/preset-env.

Selain Babel Loader, kami juga boleh menggunakan Loader lain, seperti CSS Loader, untuk menukar fail CSS.

Akhir sekali, kita juga perlu menentukan pemalam Webpack. Salah satu pemalam yang paling biasa digunakan ialah UglifyJsPlugin, yang boleh memampatkan kod JavaScript kami.

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
  // 其他配置
  plugins: [
    new UglifyJsPlugin()
  ]
};

Dalam kod di atas, kami menggunakan pemalam UglifyJsPlugin untuk memampatkan kod kami. Kami boleh menambah pemalam lain pada senarai.

Node.js Pembungkusan

Kini, kami telah melengkapkan konfigurasi Webpack. Seterusnya, kami perlu menjalankan arahan Webpack dalam terminal untuk membungkus aplikasi Node.js kami.

webpack --config webpack.config.js

Dengan arahan ini, Webpack akan membaca fail webpack.config.js kami dan membungkus aplikasi kami. Kita boleh mencari fail main.js yang dijana dalam folder dist.

Dalam aplikasi Node.js kami, kami boleh menggunakan kod berikut untuk mengimport kod yang dibungkus:

const app = require('./dist/main');

Ringkasan

Dalam artikel ini, kami membincangkan cara Menggunakan Pek Web untuk membungkus Kod Node.js. Kami mula-mula memasang Webpack, kemudian mengkonfigurasi fail webpack.config.js untuk menentukan fail masuk dan keluar, Pemuat dan pemalam. Akhir sekali, kami menggunakan arahan Webpack untuk menjana aplikasi berpakej.

Webpack ialah alat pembungkusan yang berkuasa yang boleh mengurus fail JavaScript kami dan membungkusnya ke dalam fail boleh laku atau pakej kod. Dengan menggunakan Webpack, kami boleh mengurus aplikasi Node.js kami dengan mudah untuk menjadikannya lebih cekap dan boleh dipercayai.

Atas ialah kandungan terperinci Bagaimana untuk membungkus kod nodejs. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!