公式サイトの菜々鳥などを参考にして、webpack知識の記録と、webpack 5の新特性を理解します.

webpackを包装した後にただ一つの入り口関数だけがあります.写真のように包装し終わったらbase 64の形式になります.写真の長いデータを記述します.webpackをインストールするにはnode.jsに依存する必要があります.http要求を減らすことです.jsファイル間の依存を減らすことができます.ブラウザが認識できないのはless scess 6のように処理できます.

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin'); //    npm   
const webpack = require('webpack'); //         

module.exports = {
     
  mode: 'production',//     development, production   none      ，    mode   ，      webpack            。      production。
  entry: './src/index.js',
  output: {
     
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  module: {
     //“ ，webpack    ，    「  require()/import         '.txt'    」 ，        ，  use(  ) raw-loader     。”
    rules: [
      {
      test: /\.txt$/, use: 'raw-loader' }
    ]
  },
  plugins: [//       ，html-webpack-plugin           HTML   ，           bundle。
    new HtmlWebpackPlugin({
     template: './src/index.html'})
  ]
};

loaderによってwebpackは複数の言語及びプリプロセッサ文法編纂のモジュールを識別することができ、非原生モジュールをどのように処理するか、また関連する依存性をあなたのbundleに導入していつでも学習を補完します.Let yourself gradualy excelent