Day29 Vue CLI环境设定与打包

package.json在干嘛?

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

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

在这里，我们可以看到里面分别有dependencies、devDependencies，这两个差在於哪里呢，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档。

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