friend_ship的博客

Vue Cli提供的两种方案，一种是基于configureWebpack项直接覆盖同名配置；另一种是chainWebpack直接修改默认配置。

造成上面问题的原因是terser-webpack-plugin版本问题。 推荐使用[email protected]。 更新版本，重新打包即可。

造成上面问题的原因是因为compression-webpack-plugin版本的原因。 经测试，目前可使用的最高版本[email protected]。 更新下版本，重新打包即可。

BaseClient.js?e917:12 Cannot assign to read only property 'exports' of object '#<Object>' npm run dev不报错，但是在浏览器打开，控制台报错,报错信息如下： 报错原因，webpack4之后，不允许混用exports和import，解决方案修改webpack.base.conf....

相比于webpack3，webpack4可以零配置运行，打包速度比之前提高了90%，可以直接到ES6的代码进行无用代码剔除。 1.升级nodejs 使用webpack4时，必须保证Node.js版本>=8.9.4,因为webpack4使用了大量的ES6的语法，这些语法在nodejs新版v8中得到了原生支持 2.升级webpack主要插件，升级的操作很简单，先删除低版本，再安装新版本即可...

为什么需要构建工具？ 转换ES6语法 转换JSX CSS前缀补全/预处理器 压缩混淆 图片压缩 为什么选用webpack？ webpack grunt gulp 定义 Module bundler Task runner Task runner 语言 JavaScript Node.js ...

核心概念： Entry 用来指定webpack的打包入口 Output 用来告诉webpack如何将编译后的文件输出到磁盘 Loaders 只支持JS和JSON两种类型，通过Loaders去支持其它文件类型并把他们转换成有效的模块，并且可以添加到依赖图中。 Plugins 插件用户bundle文件的优化，资源管理和环境变量注入。作用于整个构建过程。 Mode 用来指定当前的构建环境是: ...

解析ES6 使用babel-loader babel的配置文件是: .babelrc 依赖包： npm i @babel/core @babel/preset-env babel-loader -D .babelrc文件: { "presets": [ "@babel/preset-env" ] } .webpack.config.js文件内容： ...