webpack -- 代码分离

Posted zjh-study

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack -- 代码分离相关的知识,希望对你有一定的参考价值。

一、代码分离

这里按照官网,配置extract-text-webpack-plugin,但是如果是webpack 4.0以上,就会报错,需要安装如下应用:
报错
Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead
解决

npm install [email protected] --save-dev

二、输出文件

正常我们配置[contenthash:8]发现报错了,所以改成[chunkhash:8]

以上是关于webpack -- 代码分离的主要内容,如果未能解决你的问题,请参考以下文章

3.2.4 webpack代码分离

webpack学习之—— Code Spliting(代码分离)

webpack教程——分离组件代码

webpack打包分离第三方库和业务代码

第1215期基于Webpack4使用懒加载分离打包React代码

手把手带你使用webpack4构建一个Vue开发编译环境,并实现代码分割,css代码分离