vue webpack打包名称设置

第一步：

固定写法

component: import(/* webpackChunkName: "Home" */`@/components/Home`)

 

第二步：

固定写法：

filename: utils.assetsPath('js/[name].js?v=[chunkhash]'),
chunkFilename: utils.assetsPath('js/[name].js?v=[chunkhash]')

第三步：

固定写法：

name: utils.assetsPath('img/[name].[ext]?v=[hash:7]')

第四步：

查看此目录，名称已经变了

使用[request]来告诉webpack，这里的值是根据后面传入的字符串来决定，本文中就是变量name的值

import(/* webpackChunkName: "[request]" */`../containers/${name}`)