vue-cli 3.0创建的项目打包生成文件夹可以通过配置改名么？

Question

npm run build之后的静态文件名分别为css、img、js，但是现在为了兼容以前项目，文件名img想改为images，js想改为scripts，历史代码的文件夹名是不允许改动的。在查看vue-cli配置文档之后没有发现相关的配置，如果不能改动则每次打包后需要手动改文件路径，比较麻烦。请问可以改什么配置，或者有什么好的建议？

Answer 1

修改一下webpack的配置

Answer 2

可以通过配置调整的

你在你的项目根目录创建一个 vue.config.js的文件

里面写入

module.exports = {
    chainWebpack: config => {
      config.module
        .rule('images')
        .use('url-loader')
        .tap(args => {
            return [
                {
                  limit: 4096,
                  fallback: {
                    loader: 'file-loader',
                    options: {
                      name: 'img/[name].[hash:8].[ext]'
                    }
                  }
                }
            ]
        })

  }

}

请参考我写的一篇文章,如何查看和修改配置
https://segmentfault.com/a/11...

官方修改配置的具体操作
https://cli.vuejs.org/zh/guid...

Answer 3

命名规则，查看build文件夹中的webpack.base.conf.js文件