Doyoudo丶

1,安装npm install -D vue-loader (打包.vue文件) 2,安装npm install -D vue-template-compiler (处理v...

Doyoudo丶

处理CSS 安装npm install --save-dev css-loader importLoaders 用于配置在@import前有几个loader(css-load...

Doyoudo丶

作用 因为有些浏览器还不支持ES2015+语法,故将ES2015+的语法转换为ES5的 配置 ES2015+中不仅包含新增的语法(如箭头函数,类)(babel-loader可...

Doyoudo丶

作用 拆分代码到不同文件,优化性能,当更新代码的时候,只重新加载对应的文件,css同样也能 配置 1,在optimization中配置splitChunks,只需要配置chu...

Doyoudo丶

作用 译音摇树,即将引入的文件,不需要的部分去除,缩小文件大小,优化性能 配置 注意: 只可以作用于import..export,即使使用了treeshaking也会存在于打...

Doyoudo丶

作用 在内存中构建了一个临时的服务器 配置 1,contentBase 告诉服务器,从哪个文件夹中获取内容 2,port 配置请求的端口号,默认为8080 3,open 当开...

Doyoudo丶

作用 打包时生成映射文件,用来调试,排查错误,各种配置参数都会影响打包速度 配置 1,eval 将映射关系打包进主文件eavl中 2,cheap 不会定位到列,指定为到行 3,推荐

Doyoudo丶

作用 控制输出文件的位置及名字 配置 注意: 在定义名字时,最好放入hash值,因为,每一次更新文件时,都会重新获取文件,一旦文件名字一样,就会从缓存中获取,不能达到实时更新...

Doyoudo丶

作用 定义webpack打包的入口文件 配置 注意: 输出文件的多少,可以决定性能,当多个文件输出为一个时,每次更新其中的内容,都会重新加载整个文件,如果拆分了,那么每一次更...

Doyoudo丶

作用 便于管理,让每个环境独立 配置 1,安装npm install --save-dev webpack-merge (合并环境) 1,新建webpack.common....

Doyoudo丶

作用 原本打包过后是css-in-js,配置完MiniCssExtractPlugin后,可以将css单独打包出来 配置 1,安装npm install --save-dev...

Doyoudo丶

作用: 在webpack打包过程中,由于第三方插件的引入,在每一次打包的过程中,都会打包这些第三方插件,所以,通过DllPlugin,来达到,只打包一次,之后,在打包的过程中...