webpack
friend_ship
这个作者很懒,什么都没留下…
展开
-
vue-cli3.0项目打包 ValidationError: Invalid options object.Terser Plugin has been ininialized……
造成上面问题的原因是terser-webpack-plugin版本问题。推荐使用terser-webpack-plugin@4.2.3。更新版本,重新打包即可。原创 2020-12-22 17:59:33 · 2925 阅读 · 0 评论 -
vue-cli3.0项目打包报错:TypeError: Cannot read property ‘tapPromise‘ of undefined
造成上面问题的原因是因为compression-webpack-plugin版本的原因。经测试,目前可使用的最高版本compression-webpack-plugin@6.1.1。更新下版本,重新打包即可。原创 2020-12-22 17:54:01 · 2217 阅读 · 0 评论 -
vue webpack4升级:npm run dev不报错,但是在浏览器打开,控制台报错
BaseClient.js?e917:12 Cannot assign to read only property 'exports' of object '#<Object>'npm run dev不报错,但是在浏览器打开,控制台报错,报错信息如下:报错原因,webpack4之后,不允许混用exports和import,解决方案修改webpack.base.conf....原创 2020-01-08 17:56:46 · 613 阅读 · 0 评论 -
vue 项目webpack3升级为webpack4
相比于webpack3,webpack4可以零配置运行,打包速度比之前提高了90%,可以直接到ES6的代码进行无用代码剔除。1.升级nodejs使用webpack4时,必须保证Node.js版本>=8.9.4,因为webpack4使用了大量的ES6的语法,这些语法在nodejs新版v8中得到了原生支持2.升级webpack主要插件,升级的操作很简单,先删除低版本,再安装新版本即可...原创 2020-01-08 17:29:20 · 991 阅读 · 0 评论 -
webpack学习路线(一) 基础配置
为什么需要构建工具? 转换ES6语法 转换JSX CSS前缀补全/预处理器 压缩混淆 图片压缩为什么选用webpack? webpack grunt gulp 定义 Module bundler Task runner Task runner 语言 JavaScript Node.js ...原创 2019-08-02 15:20:10 · 402 阅读 · 0 评论 -
webpack学习路线(二) 核心概念
核心概念:Entry 用来指定webpack的打包入口 Output 用来告诉webpack如何将编译后的文件输出到磁盘 Loaders 只支持JS和JSON两种类型,通过Loaders去支持其它文件类型并把他们转换成有效的模块,并且可以添加到依赖图中。 Plugins 插件用户bundle文件的优化,资源管理和环境变量注入。作用于整个构建过程。 Mode 用来指定当前的构建环境是: ...原创 2019-08-02 16:47:49 · 250 阅读 · 0 评论 -
webpack学习路线(三) 解析ES6
解析ES6使用babel-loaderbabel的配置文件是: .babelrc依赖包: npm i @babel/core @babel/preset-env babel-loader -D.babelrc文件:{ "presets": [ "@babel/preset-env" ]}.webpack.config.js文件内容:...原创 2019-08-02 17:02:21 · 130 阅读 · 0 评论