friend_ship的博客

vue项目仅在test/ts测试环境打包中报错

vue打包Module parse failed: Unexpected token

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

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

为什么需要构建工具？ 转换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文件内容： ...