本文主要是介绍vue脚手架 项目打包，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
目录
01 在脚手架中使用jquery
02 项目的打包
03 ELement UI 框架
01 在脚手架中使用jquery
脚手架中使用jquery的步骤:
1.npm i jquery --save
2.在使用jq的组件里面引入jq
3.import $ from 'jquery'
4.正常使用
02 项目的打包
1.npm run build 项目启动不启动都可以打包
2.打包完成后项目里面会默认出来一个dist文件夹
打包前需要在vue.config.js中配置:
publicPath:'./', 表示修改打包后默认的资源访问路径 默认的是/表示域名根路径
./表示从当前出发 从当前html出发去寻找js css
outputDir:'dist', 表示打包后输出的文件夹名称(默认就是dist)
assetsDir:'', 打包后惊天资源存放的文件夹(css js)值为空字符串表示平铺
productionSourceMap:false, 打包后不生成.map文件
(这个map文件灭有太多的作用 只是辅助 会导致打包后的文件比较琐碎)
03 ELement UI 框架
在脚手架中使用element ui 的步骤:
npm i element-ui --save
然后在官网上面找自己想要的标签样式和效果 复制粘贴到你的文件中即可。
这篇关于vue脚手架 项目打包的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
