split chunks

最新推荐文章于 2024-06-27 16:27:07 发布

huangminmin1001

最新推荐文章于 2024-06-27 16:27:07 发布

阅读量216

点赞数

分类专栏： webpack

本文链接：https://blog.csdn.net/huangmin113659/article/details/93971776

版权

webpack 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

----------------step1---

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin'); // 生成index.html
const {CleanWebpackPlugin} = require('clean-webpack-plugin'); //清空dist目录
var ManifestPlugin = require('webpack-manifest-plugin'); //生成关系文件a mapping of all source file names to their corresponding output file
const webpack = require('webpack');
module.exports = {
    // entry: './src/index.js',
    mode: 'development',
    entry: {
        index: './src/index.js',
        // print: './src/print.js'
        another: './src/another-module.js'
    },
    devtool: 'inline-source-map',
    devServer: {
        contentBase: './dist',
        hot: true
    },
    devtool: 'inline-cheap-module-source-map',
    plugins: [
        new ManifestPlugin(),
        new CleanWebpackPlugin(),
        new HtmlWebpackPlugin({
            title: 'Output Management'
        }),
        new webpack.HotModuleReplacementPlugin()
    ],
    // output: {
    //     filename: 'bundle.js',
    //     path: path.resolve(__dirname, 'dist')
    // }
    output: {
        filename: '[name].bundle.js',
        path: path.resolve(__dirname, 'dist'),
        publicPath: '/'
    },
    optimization: {
        splitChunks: {
            chunks: 'all'
        }
    },
    module: {
        rules: [
            {
                test: /\.css$/,
                use: ['style-loader', 'css-loader']
            }
        ]
    }
}

----------------step2---