Vue项目的打包方式(生成dist文件)

简介: Vue项目的打包方式(生成dist文件)

 如果咱是用 vue-cli 创建的项目,则项目目录中没有 config 文件夹,所以我们需要自建一个配置文件;在根目录 src 下创建文件 vue.config.js,需注意文件名称必须是 vue.config.js,然后在文件中插入以下代码:

//打包配置文件
module.exports = {
  assetsDir: 'static',
  parallel: false,
  publicPath: './',
};

打包执行命令:npm run build,将打包后的dist文件夹部署服务器上即可,配置网站的反向代理

显示这样就是打包成功了

失败是这样的

如果是在d  那么要转换 成 vue  --projiect

相关文章
|
1天前
|
JavaScript 程序员
程序员必知:Vue子传父的三种方法
程序员必知:Vue子传父的三种方法
|
1天前
|
JavaScript 开发者
|
1天前
|
JavaScript
vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
|
缓存 资源调度 前端开发
用webpack4带你实现一个vue的打包的项目
一个用webpack4打包的vue 的项目,参照vue-cli的webpack配置,一步一步带你实现一个vue的打包的项目,每一个commit对应一个步骤。
2951 0
|
3天前
|
资源调度 JavaScript API
Vue-treeselect:为Vue应用程序提供强大选择器的指南
Vue-treeselect:为Vue应用程序提供强大选择器的指南
13 0
|
4天前
|
JavaScript 前端开发
Vue,如何引入样式文件
Vue,如何引入样式文件
|
4天前
|
JavaScript
|
2天前
|
JavaScript 开发工具 git
大事件项目40---Vue代码里如何引入相对路径图片
大事件项目40---Vue代码里如何引入相对路径图片
|
3天前
|
JavaScript
vue滚动到页面底部时加载
vue滚动到页面底部时加载
6 1
|
4天前
|
JavaScript 前端开发 API