vue_cli3中assets和public放置文件的区别

vue_cli3中assets和public放置文件的区别,第1张

assets和public都是放置静态文件的地方,

public放引入别人的文件,基本不会动的文件

如:iconfont、猜仔姿外部戚激第三方文件

解释:public/ 目录下的文件并不会被Webpack处理:它们会直接被复制到最终的打包目录(默认是dist/static)下。必须使用绝对路径引用这些文件,这个取决于你vue.config.js中publicPath的配置,默认的是/。

assets放自己写的css、js文件,后期可能会改的文件

如:自己写的一些js,css样式穗绝

assets目录中的文件会被webpack处理解析为模块依赖,只支持相对路径形式。

一个 web端 和 桌面端 公用的工程,某些文件不需要或者无法用 wekpack 压缩,放入 /public/ 文件夹( Vue 工程),而该文件夹不会经过处理,直接复制到生产目录。

控制生产包的体积:根据运行环境( web || 桌面 ),甚至 客户端 版本,消减 客户端 体积。

比如 /public/ 中有 桌面端 才需让笑销要的 .dll ,但是 web端 也会打包生成出来。

vue-cli 包装了 webpack ,文件打包必然是跟它有关系。 审查 webpack 的配置:

在 output.js 内搜索 public ,找到最可能相关的一升族项 CopyPlugin

查阅该插件文档确认它正是我要找的

查阅配置项,发现 ignore 属性可以控制不去复制坦游哪些资源到目的地

打开 vue.config.js 文件,这可以自定义打包配置

首先为了更自由,选择高级一些的 chainWebpack 来改配置

更细腻的控制请翻阅插件主页 CopyWebpackPlugin

如需控制打包中某些文件的直接复制过程,可以通过配置 webpack 的 CopyWebpackPlugin 来达到目的。

不会,首先,这个所谓的公共不是指别的计算敬铅机可以访问 ,誉稿镇而是指当前这台电脑上有多个帐号登录时的才会看到。也就是说,压根不会给人看到,而且这个目录所有电脑上都是有的,庆粗有的是中文的,就叫公用,英文就是public咯,所以可以不用管 。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12212410.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存