vue cli3.0 打包静态文件目录的配置

审核中 Vue3 未结 已结 置顶 精帖
删除 置顶 取消置顶 加精 取消加精
66 0
yswl
yswl VIP3 2023-02-09 16:01:20
悬赏:60金币 编辑此贴

vue cli3.0 打包静态文件目录的配置:

vue cli3.0默认打包生成的文件和cli2.0同样是生成在dist目录中,但静态文件如css、js、img并未像cli2.0一样放在static文件夹下,而是和index.html处在同一目录中,显得十分散乱

要使打包后的文件与cli2.0的相同,需要修改vue.config.js的几项配置变量:

module.exports = {
  publicPath: './',
  outputDir: "dist", // 输出文件目录
  lintOnSave: false, // eslint 是否在保存时检查
  assetsDir: 'static', // 配置js、css静态资源二级目录的位置  
}