Webpack:捆绑包拆分和代码拆分

时间:2020-01-24 05:51:03

标签: webpack

我正在尝试使用配置的块和入口点在Webpack4中进行包拆分和代码拆分。我也使用Pug.js。 有两个页面:index.html和pa.html。问题是将生成的文件添加到页面。

如果inject: true已添加所有文件。将有不应该存在的pa.css,pa.js等。 如果是inject: false,则需要手动注册。每次都会生成哈希。因此,我必须在文件的附加内容中重写它们。

如何仅自动添加必要的文件或手动注册而不会出现哈希问题?

module.exports = {
    entry: {
        'index': `${PATHS.src}/index.js`,
        'pa': `${PATHS.src}/pa.js`
    },
    optimization: {
        splitChunks: {
            chunks: 'all'
        }
    }
}

0 个答案:

没有答案