代码改变世界

vue-cli3脚手架处理public里面的静态资源到构建目录代码

2020-04-24 17:42  改吧  阅读(3412)  评论(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; });