vue脚手架 项目打包

本文主要是介绍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脚手架 项目打包的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---