?簡述parcel
簡單來說，parcel就是和webpack一樣豺妓，主要功能都是打包項目文件；parcel.js的官方網(wǎng)站 :https://parceljs.org/parcel.js的github：https://github.com/parcel-bundler/parcel
parcel.js的簡介如下：
為什么要使用parcel?
可以參考下面的介紹：
好吧進入正題狮暑，
之前在parcel剛興起的時候庭呜，是通過justjavac大神的介紹開始接觸的，而且自己之前也有嘗試了一下钢颂，并且結(jié)合了gulp.js來作為壓縮項目文件的钞它，但是在做著做著的時候意識到仿佛好像只有react.js才可以和parcel.js相配合一樣，但是我最近是基于vue.js來寫的殊鞭，這樣急匆匆換成react.js感覺很不好遭垛，在想有沒有parcel.js是可以和vue.js一起的.....于是，就放在一邊了....今天剛好有看到相關(guān)的插件...所以有才開始了操灿，parcel的打包流程.....
先看一下大概的項目目錄：
這是我加了gulp在里面的一個大概的項目樣子锯仪，這次先不涉及gulp這方面的講解；
基礎(chǔ)部署
我使用的是vscode編輯器趾盐，包管理工具是npm;
引入parcel.js
在文件夾里庶喜，通過在終端輸入這是全局的引入：npm install -g parcel-bundler我一般是在項目目錄中引入：
npm install --save-dev parcel-bundler
初始化配置文件:
npm init -y就會出現(xiàn)如下的基礎(chǔ)配置文件，用紅線框出來的是我后來自己加上去的救鲤，初始化的配置文件信息就是紅線框外的信息：這些信息有一些描述性的基礎(chǔ)信息是可以自己來編寫的：
這樣基本的配置信息的就完成了久窟，后面如果自己再加上其他插件或者npm 的其他命令，里面的配置信息就會改變本缠，當(dāng)然配置自己的npm命令可以自己在配置文件中編寫斥扛，例如上面的start和build命令；下面會講到的丹锹。
新建index.html和index.js文件稀颁；
初步上手，記得index.html得寫在根目錄楣黍；index.html文件：
index.js文件：
可以簡單寫console.log()來判斷一下是否被調(diào)用：
接著可以運行一下命令匾灶，查看一下本地服務(wù)器的運行：
parcel index.html或者在package.json文件中配置了start命令的可以直接使用npm start如下：
上面有注意到那個時間，可能我是電腦有點卡锡凝，跑得不太快粘昨，一般來說都是比較快的垢啼；基本的操作到了這里就可以了窜锯，后面小伙伴們可以隨意加不同前端工作流插件進去张肾；
vue文件加入parcel中：
添加命令：用于添加parcel的vue插件
npm install --save-dev parcel-plugin-vue
添加vue.js可以通過命令
npm install --save-dev vue
也可以通過cdn來添加 下面是我的嘗試vue的目錄：
vue 再parcel中的文件內(nèi)容
你需要再根目錄的index.html頁面引入vue文件夾的index.js;下面是index.js的內(nèi)容:
下面是app.vue的內(nèi)容：
下面是index.html中的內(nèi)容:
然后直接運行parcel index.html 或者 npm start就可以得出下面的頁面了；
值得注意的是：
如果你是使用es6 語法的記得在命令行輸入：
用于安裝 Babel的轉(zhuǎn)化器锚扎，來將es6轉(zhuǎn)換es5吞瞪；
npm install --save-dev babel-preset-es2015 babel-plugin-transform-runtime
還有用于sass,react，gulp等等驾孔。芍秆。。配合parcel來進行的打包的
我將于在下一篇文章中使用gulp.js配合parcel來進行配合翠勉；
