webpack配置

当有多个入口文件的时候

image.png

多页应用

image.png

配置sourceMap

源码映射,会单独生成有一个sourceMap文件。出错了会标识当前报错文件的列和行

image.png

image.png

实时打包

image.png

webpack小插件应用

image.png

webpack跨域问题

image.png

image.png
(3)有服务端 不用用代理来处理 能不能再服务端中启动webpack 端口用服务端端口,前端和服务端用同一个端口
image.png

image.png

配置不同环境的打包文件

image.png

配置环境变量,用于区别是开发环境还是线上环境
DEV:“‘dev’”//注意此处写法

webpack-merge,合并两个打包文件

image.png

noParse: /jquery/, // 不去解析jquery中的依赖库

IgnorePlugin---会减少打包的文件体积

image.png

dllPlugin

happypack

image.png

image.png

多页面打包的时候抽离公共代码

image.png

image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原文http://www.cnblogs.com/libin-1/p/6596810.html 版本号 vue-c...
    tengrl阅读 9,117评论 0 0
  • -- 1. Gulp VS webpack 比较 Gulp 是一个任务管理工具,让简单的任务更清晰,让复杂的任务易...
    慢清尘阅读 8,889评论 7 16
  • 更新:Webpack4已经发布,本篇是基于Webpack3的,请注意。更正:1.package.json中使用了应...
    HermitCarb阅读 4,943评论 2 4
  • 安装 npm install webpack webpack -D 然后通过 npx webpack -v 查看版...
    Tiny_z阅读 4,487评论 0 1
  • 2018年12月08日 星期六 晴 昨晚10:25休息,今早06:10起床! 我是个即挑剔又讲究的吃货!有朋友...
    子仲之子阅读 1,761评论 0 2