美文网首页
webpack配置

webpack配置

作者: 追风筝的Hassan | 来源:发表于2020-04-26 09:57 被阅读0次

当有多个入口文件的时候

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

相关文章

网友评论

      本文标题:webpack配置

      本文链接:https://www.haomeiwen.com/subject/nxdfwhtx.html