vue-cli3脚手架处理public里面的静态资源到构建目录代码
2020-04-24 17:42 改吧 阅读(3409) 评论(0) 编辑 收藏 举报webpackConfig .plugin('copy') .use(require('copy-webpack-plugin'), [[{ from: publicDir, to: outputDir, toType: 'dir', ignore: publicCopyIgnore }]])
publicDir:--dir,resolve('public')
outputDir:build时自己配置的输出打包文件去哪个目录,默认是dist
因为public里面的资源不经过webpack打包,直接用这个copy插件把public的静态资源copy到构建目录里面
这是vue-cli3里面脚手架自动配置的
如果你的构建目录也就是outputDir的assetsDir不是‘’的话 那你得记得自己在vue.config.js那里配置一下,要不然他会把静态资源copy不过去你想要的位置
记得用vue3的chainWebpack配置,代码如下
config.plugin('copy').tap((args) => { args[0][0].to += `assetsDir`;
return args; });