Webpack学習（3）

1.木の揺れの概念の詳細な説明

第二に、Webpackとコード分割

module.exports = {
	plugins: [new HtmlWebpackPlugin(
		template: 'src/index.html' 
	),new CleanWebpackPlugin(['dist'],{
        root: path.resolve(__dirname, '../')  //打包之前删除webpack.config.js文件的上一层文件的dist文件中的内容
    })],
    optimization : {
        splitChunks: {
             chunks: 'all' //打包的时候自动实现业务逻辑和库的分割
        }
    },
    output: {
    filename: '[name].js', 
    path: path.resolve(__dirname, '../dist')  //打包到webpack.config.js文件的上一层文件中的dist文件中 
  }
}

コードセグメンテーションは、webpackとは関係ありません。Webpackでコードセグメンテーションを実装する方法は2つあります。

1.同期コード：webpack.common.jsで最適化のみを行う必要があります

2.非同期コード（インポート）：設定なしの非同期コードは、自動的にコードセグメンテーションを実行し、新しいファイルに配置します

3. SplitChunksPlugin構成パラメーターの詳細説明