首页 > TAG信息列表 > webpack3
webpack3和webpack4区别
1.mode webpack增加了一个mode配置,只有两种值development | production。对不同的环境他会启用不同的配置。 webpack4中通过内置的mode使用相应模式的内置优化。比如设置mode等于'development',会将 process.env.NODE_ENV 的值设为 development。设置mode等于'production',会将webpack3适用的依赖版本记录
虽然现在已经出到webpack5,但是公司里面的项目老旧,用的依然是webpack3,学习了一遍webpack3的使用,由于现在的依赖包版本的更新了很多,在webpack3上使用会各种出错,所以记录下适用的版本。 学习资料: Webpack3.X版 成神之路webpack学习记录webpack快速入门——实战技巧 学完后的项目webpack3和webpack4区别
1.mode webpack增加了一个mode配置,只有两种值development | production。对不同的环境他会启用不同的配置。 2.CommonsChunkPlugin CommonChunksPlugin已经从webpack4中移除。可使用optimization.splitChunks进行模块划分(提取公用代码)。但是需要注意一个问题,默认配置只会对异步请webpack3.x配置
编辑本随笔 alias路径别名 需要使用path方法 resolve: { alias: { 'vue$': 'vue/dist/vue.esm.js', '@': path.resolve(__dirname, 'src') }, extensions: ['*', '.js', '.vue', '.jsowebpack3、4的基本的使用方法
webpack的基本使用 webpack的安装 webpack的使用时需要借助 node 的环境的 在 node 中自动下载了 npm 这个包管理工具,之后的操作我们需要使用npm包管理工具进行相关操作 我们需要打开终端(cmd)或者编译器中的终端(我使用的vs code编译器,使用 ctrl + shift + ~ 打开终端) 输入 npm in