当前位置: 首页 > 开发杂谈 >

Day29 Vue CLI环境设定与打包

package.json在干嘛?

在我们打开看完专案的内容後,可以看到很多的档案,其中有一个档案「package.json」,它是在干嘛的呢?
我们先去把package.json打开後你会看到很多不知道在写什麽的东西,我会讲两个比较需要注意的东西。

我们一开始,开启专案的npm run servenpm run build的东西就是从这里去定义的,而servebuildlint每个都有它所对应的行为,这样的指令我们称作npm script

在这里,我们可以看到里面分别有dependenciesdevDependencies,这两个差在於哪里呢,dependencies会在专案进行打包(build)时一起包装进去,而devDependencies是不会一起被包装进去的。

像我们这样透过package.json进行专案相关套件的管理时,要针对版本选择时,只需要更改package.json的内容就行了,同时我们也可以透过npm install来安装所需的套件。

如何打包(build)

打包其实很简单,只需要在终端机输入npm run build就大功告成了,当跑完时会出现像下图并且会看到多了一个资料夹dist

打包时Vue CLI会透过 @vue/compiler-sfc 与各种Loader将 SFC的.vue 转成javaScrip看得懂的.js档。
说实在我这也没完全懂,简单说就是它就是把.vue档转成.js档。

剩下最後一天了,大家加油。


相关文章:

  • [DAY4] 一块大千层蛋糕 — MVC 架构的横切分层,以及为何需要纵切
  • ebay法国热门产品:游戏产品
  • 亚马逊CPC优化怎么操作比较便捷?
  • 跨境电商独立站选择域名的原则
  • Day34. 结尾语 & 明年的铁人赛
  • Day 22 - SwiftUI开发实作1 (简易计算机)
  • DAY 10 - 可爱小暴龙
  • Day03_神说要有光~资安三要素V.S.资产盘点 XD"(我会不会因为乱下标题被打)
  • 4种广告超预算的解决办法
  • Day 2 基本工具及套件
  • [Day27]Vito'sfamily
  • 健康类产品应该怎么做?
  • 【Day 21】夭寿赞的 ECS on Outposts 实作
  • 你的品牌自己不注册国际商标 总会有人替你注册的
  • 【Day 16】- 做 Excel 输入数据到心累?消警告的服学输入很繁琐? 使用 openpyxl 来操作 Excel
  • 狗狗币怎么获得?狗狗币挖矿教程和狗狗币使用方法
  • 建网站要多少钱?企业和个人建站费用分析和建站注意事项
  • 谷歌将在6月中旬启动网页体验(Page Experience)更新,Search Console 新推出网页体验报告
  • 阿里云OSS对象存储控制客户端
  • 支持支付宝的国外VPS主机服务器大全:用支付宝买国外网站空间服务器VPS
  • 海外营销周报:谷歌在搜索中取消Q&A功能,FaceBook Marketplace用户总量达 10 亿人 – 知外贸
  • 搬瓦工VPS开通使用教程大全:教你如何购买、切换机房、更换IP、续费、升级套餐、退款
  • 搬瓦工VPS优惠码/ 促销码 、最新BandwagonHost官网促销
  • 国外VPS优惠码大全:
  • 软件分享:xshell6/xftp6个人版下载,无需破解,永久免费使用
  • 301 重定向怎么做?301 重定向教程和方法
  • Nuxt.js官网和Nuxt.js介绍:Vue.js 的通用应用框架
  • 寻找印度市场伙伴
  • Namesilo域名注册教程和域名注册流程方法
  • PayPal国外买东西教程:银联卡(国内储蓄卡信用卡)怎么用PayPal买国外的东西更安全