首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Webpack 2 CommonsChunkPlugin not minified

Webpack是一个现代化的静态模块打包工具,它可以将多个模块打包成一个或多个bundle文件,以便在浏览器中加载。Webpack的主要功能包括模块化管理、代码分割、资源优化、插件扩展等。

Webpack 2是Webpack的一个版本,它引入了一些新的特性和改进,提供了更好的性能和开发体验。

CommonsChunkPlugin是Webpack的一个插件,用于将多个入口文件中的公共模块提取出来,生成一个单独的文件,以便在多个入口文件之间共享使用。这样可以减少重复加载的代码量,提高页面加载速度。

然而,关于"Webpack 2 CommonsChunkPlugin not minified"的问题,需要更多的上下文信息才能给出具体的答案。通常情况下,Webpack会对生成的bundle文件进行压缩和混淆,以减小文件大小和提高加载速度。如果出现了"not minified"的情况,可能是由于配置或插件的问题导致的。

为了解决这个问题,可以尝试以下几个步骤:

  1. 确保使用的是最新版本的Webpack和CommonsChunkPlugin插件,以确保获得最新的功能和修复的bug。
  2. 检查Webpack的配置文件,确保在插件的配置中没有禁用压缩和混淆功能。可以查看Webpack的官方文档或插件的文档,了解如何正确配置插件。
  3. 检查项目中是否存在其他插件或配置,可能会影响到Webpack的压缩和混淆功能。可以尝试暂时禁用其他插件或配置,然后重新构建项目,看是否能够解决问题。
  4. 如果以上步骤都没有解决问题,可以尝试在Webpack的配置文件中手动配置压缩和混淆功能。可以使用UglifyJS等工具对生成的bundle文件进行手动压缩和混淆。

总结起来,对于"Webpack 2 CommonsChunkPlugin not minified"的问题,需要仔细检查Webpack的配置和插件的配置,确保没有禁用压缩和混淆功能,并且可以尝试手动配置压缩和混淆功能。如果问题仍然存在,可能需要进一步调查和排查其他可能的原因。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Webpack2入门

介绍 webpack 是一个 JavaScript 应用程序模块打包器(module bundler)。webpack 通过快速建立应用程序依赖图表并以正确的顺序打包它们来简化你的工作流。...Webpack可以做什么 处理module依赖关系 打包js,css和png等 降低页面初始加载时间 方便组合第三方组件库 可以转换不同语法成标准语法 安装 这里使用的是 webpack 2.4.1 版本...# 全局安装 npm install -g webpack #本地安装 npm install --save-dev webpack 一个小例子 创建应用并安装必要的依赖库 $ mkdir webpack-demo.../style.css 992 bytes {0} [built] [2] ./index.js 171 bytes {0} [built] [3] ./~/css-loader!....热部署 本地热部署 第一步:启动 webpack $ webpack --watch 第二步:修改代码 第三部:浏览器刷新(访问file:///...

72270

webpack3 升级到 webpack4 小记

升级过程遇到的问题以及解决 问题 一 Error: webpack.optimize.CommonsChunkPlugin has been removed, please useconfig.optimization.splitChunks...解决方法: 在 webpack4 中不再支持 CommonsChunkPlugin,而是使用 splitChunks 替代,那么这两者有什么区别?...这里纸上谈兵一下 根据我查到的资料显示, CommonsChunkPlugin 存在以下的问题: CommonsChunkPlugin 会提取一些我们不需要的代码 它在异步模块上效率低下 很难使用,配置也很难理解...webpack.optimize.CommonsChunkPlugin({ name: 'vendor', // 引入node_modules的依賴全抽出來 minChunks:.../node_modules‘) ) === 0 ) } // 或者直接minChunks: 2,重復模塊大於2的全部抽出來 }) 平时使用 splitChunks 如下

96020

升级你的webpack(下)-- webpack入门教程(三)

背景介绍: 我负责的一个前端项目之前用到的是webpack1,现需要升级到webpack4,特此记录下升级过程中有一些配置和需要注意的问题,具体会介绍: (1) 需要的node环境的升级 (2) mode...) 1.使用optimization,替代了CommonsChunkPlugin 1.1 持久化缓存 webpack需要使用hash来做静态资源的更新,文件名的hash值目前有三种计算hash的方式:[...在webpack4之前,可以使用webpack 内置插件:CommonsChunkPlugin。...从webpack4开始,optimization 替代了CommonsChunkPlugin插件,改用optimization属性进行更加灵活的配置。...需要通过配置两次new webpack.optimize.CommonsChunkPlugin来分别获取vendor和manifest的通用chunk方式已经做了整合, 直接在optimization中配置

3.3K600

webpack2 终极优化

webpack2增加了一些新特性也正式发布了一段时间,是时候告诉大家如何用webpack2优化你的构建让它构建出更小的文件尺寸和更好的开发体验。...可以通过这以下几点做到 压缩css css-loader 在webpack2里默认是没有开启压缩的,最后生成的css文件里有很多空格和tab,通过配置 css-loader?...使用 CommonsChunkPlugin 抽取公共代码 CommonsChunkPlugin可以提取出多个代码块都依赖的模块形成一个单独的模块。...要发挥CommonsChunkPlugin的作用还需要浏览器缓存机制的配合。...要使用它你需要在执行webpack的时候带上--json --profile2个参数,这代表让webpack把构建结果以json输出并带上构建性能信息,使用如下: webpack --json --profile

1.1K110

webpack2 终极优化

webpack2增加了一些新特性也正式发布了一段时间,是时候告诉大家如何用webpack2优化你的构建让它构建出更小的文件尺寸和更好的开发体验。...可以通过这以下几点做到 压缩css css-loader 在webpack2里默认是没有开启压缩的,最后生成的css文件里有很多空格和tab,通过配置 css-loader?...使用 CommonsChunkPlugin 抽取公共代码 CommonsChunkPlugin可以提取出多个代码块都依赖的模块形成一个单独的模块。...要发挥CommonsChunkPlugin的作用还需要浏览器缓存机制的配合。...要使用它你需要在执行webpack的时候带上--json --profile2个参数,这代表让webpack把构建结果以json输出并带上构建性能信息,使用如下: webpack --json --profile

55520

webpack2 终极优化

webpack2增加了一些新特性也到了预发布阶段,是时候告诉大家如何用webpack2优化你的构建让它构建出更小的文件尺寸和更好的开发体验。 优化输出 打包结果更小可以让网页打开速度更快以及简约宽带。...使用 CommonsChunkPlugin 抽取公共代码 CommonsChunkPlugin可以提取出多个代码块都依赖的模块形成一个单独的模块。...要发挥CommonsChunkPlugin的作用还需要浏览器缓存机制的配合。...插件让被依赖次数更高的模块靠前分到更小的id 来达到输出更少的代码,在webpack2里这些已经这两个插件已经被移除了因为这些功能已经被内置了。...要使用它你需要在执行webpack的时候带上--json --profile2个参数,这代表让webpack把构建结果以json输出并带上构建性能信息,使用如下: webpack --json --profile

53320

正确的Webpack配置姿势,快速启动各式框架!

初始Webpack 这里主要基于Webpack2来讲吧,Webpack1迁移到2还是不是特别难的,官方也配了迁移文档。 其实官方的文档也有很详细的说明了,对于一般的项目还是可以完全驾驭的。...12345678 // 在webpack1里使用loader属性,在webpack2中为rules属性module.exports = {module: {rules: [{test: /\....CommonsChunkPlugin 提取代码中的公共模块,然后将公共模块打包到一个独立的文件中,以便在其他的入口和模块中使用。...像之前有个项目有远程服务器调试代码的需求[捂脸],这时候我们需要把依赖单独抽离出来(不然文件太大了): 1234567 new CommonsChunkPlugin({name: 'vendors',filename...('webpack');var CommonsChunkPlugin = require('webpack/lib/optimize/CommonsChunkPlugin');var ExtractTextPlugin

1.5K30
领券