webpack4压缩js-webpack打包Js文件

UglifyJS Webpack Plugin 插件用来缩小(压缩优化)js文件,至少需要 Node v6.9.0和Webpack v4.0.0版本 。

webpack 4 之前的版本是通过 来压缩js, webpack 4 版本之后被移除了,使用 来代替。

基本配置

options配置项

sourceMap:cheap-source-map选项不适用于此插件

更多用法参考如下官方文档:

开发环境和生产环境用的是同一个 webpack 配置文件,导致生产环境打包的 JS 文件包含了一大堆没必要的插件,比如HotModuleReplacementPlugin, NoErrorsPlugin 这时候不管用什么优化方式,都没多大效果。所以,如果你打包后的文件非常大的话,先检查下是不是包含了这些插件。

a .

注意点:就是需要打包的文件打包之后的文件会放到dist目录中, 名称叫做

b .

这句指令的含义是: 利用webpack将和它依赖的模块打包到一个文件中

其实在webpack指令中除了可以通过命令行的方式告诉webpack需要打包哪个文件以外,

还可以通过配置文件的方式告诉webpack需要打包哪个文件

这句指令的含义是将webpack将和他依赖的模块打包到一个文件中

其实webpack打包指令除了可以通知要打包哪些文件,还可以通过配置

2.2webpack常见配置

刚才是输入npx webpack 那么现在就可以输入npx webpack了

如果想要使用其他指令,可以直接修改的

的scirpts

以后再打包的时候,就可以直接使用npm run test了;

当然,还可以看下devtool的取值,他生成的sourcemap映射表,对打包后的包的大小和打包速度有很大影响