1,项目结构介绍
//
public文件夹:index.html
src文件夹:assets文件夹等,main.js,App.vue,vue.config.js等
2,打包
//
(1)输入口令:npm run build
打包后,启动生成的index.html会报404
(2)在跟目录中创建vue.config.js,在vue.config.js中写:
module.exports = {
publicPath:"./", // 可以设置成相对路径,这样所有的资源都会被链接为相对路径,打出来的包可以被部署在任意路径
outputDir:"dist", //打包时生成的生产环境构建文件的目录
assetsDir: 'public', // 放置生成的静态资源 (js、css、img、fonts)
}
(3)输入口令:npm run build,生成dist文件夹:
index.html,启动到浏览器,可看到页面,成功啦
public文件夹:css、js、fonts文件夹
3,说明
//
从 Vue CLI 3.3 起已弃用baseURL,使用publicPath