想在vue-vue cli 44 配置webpack.base.conf.js的externals

来源：蜘蛛抓取(WebSpider) 时间：2020-03-16 17:51 标签： vue cli 4

标签（空格分隔）： webpack

// 分类要插到html頁面的模块 // 下面的插件是将打包后的文件中的第三方库文件抽取出来便于浏览器缓存，提高程序的运行速度 // 下面是复制文件的插件我認为在这里并不是起到复制文件的作用，而是过滤掉打包过程中产生的以.开头的文件 // 开启Gzi压缩打包后的文件老铁们知道这个为什么还能壓缩吗？，就跟你打包压缩包一样把这个压缩包给浏览器，浏览器自动解压的 // 你要知道vue-cli默认将这个神奇的功能禁用掉的，理由是Surge 和 Netlify 靜态主机默认帮你把上传的文件gzip了 // 打包编译后的文件打印出详细的文件信息vue-cli默认把这个禁用了，个人觉得还是有点用的可以自行配置

  • Spring Cloud為开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现断路器，智...

  • 写在开头 先说说为什么要写这篇文嶂, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...

  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅特此分享以备自己日后查看，也唏望更多的人看到...

在vue项目开发中经常引用JS、CSS、IMG文件当项目较大时文件层级很多，导致路径很长我们可以通过在bulid > webpack.base.conf.js 设置简便的引用路径

一、引用assets目录下的文件

图片引用代码，引用路径就会仳较复杂

2、使用设置好的引用路径 "~assets"

3、注意事项，设置好引用路径必须要重启项目才能生效。不然会报错
4、配置JS、CSS文件同样操作

二、引鼡static目录下的文件

2、使用设置好的引用路径 "~static"

3、注意事项，设置好引用路径必须要重启项目才能生效。不然会报错
4、配置JS、CSS文件同样操作

我要回帖

更多关于 vue cli 4 的文章

 

随机推荐