最近在項目中使用了一下webpack，所以這里打算對目前了解的使用方法做一個小小的總結
為什么是webpack
1.webpack一下自己就🔥了，這絕對是一個重要的原因。
2.然后我之前項目中都是通過requireJS，通過AMD來做到模塊化開發。webpak不僅支持打包，而且支持AMD 和 CommonJS方式來做模塊化開發，所以打算嘗試一下webpack來實現模塊化。
3.我的需求簡單，適合新上手webpack，只需要生成上線目錄，實現模塊化，壓縮代碼等等
webpack實戰
webpack.config.js 一般寫法
開頭聲明對路徑相關的變量，以及引入依賴，包括webpack(非必須)，以及需要的插件
然后，entry 聲明入口相關的如文件名，路徑等，output 聲明生成文件相關的路徑和文件名，module 中是針對不同文件進行處理的 loader 聲明，plugins 聲明了插件的具體使用。
壓縮代碼
這里使用webpack的內置的插件，我們寫在webpack.config.js 中的plugins 部分
new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false }})提取公共類庫
這部分我沒有用到，但也是基于webpack 內置的插件，目的是將用到的jquery 等第三方庫整合到一個文件，否則都合并到一個文件，會造成這個文件特別大
首先在entry 聲明第三方庫
entry: { app: path.resolve(APP_PATH, 'index.js'), //添加要打包在vendeors里面的庫 vendors: ['jquery', 'moment']},plugins: { //把入口文件里面的數組打包成vendors.js new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js'),}css 單獨打包
有的時候需要將css 單獨打包，作為CDN，或者我這里的情況是是，頁面引入了很多的css js 文件，而我的js 在最后加載！所以如果是js 中引入的css ，那么會導致頁面在開始的時候沒有樣式，知道解析到我的js ！所以這里將css 單獨打包，單獨在頁面引入！
首先需要安裝插件
npm install extract-text-webpack-plugin 亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb 国产精品亚洲一区二区三区| 欧美第一黄网免费网站| 日韩黄色av网站| 久久久欧美精品| 成人a视频在线观看| 日韩男女性生活视频| 日韩亚洲精品视频| 久久久噜噜噜久久中文字免| 国产a∨精品一区二区三区不卡| 久久人人爽国产| 国产日本欧美一区二区三区| 国产乱人伦真实精品视频| 欧美精品在线免费| 日韩欧美大尺度| 亚洲国产精品大全| 一区二区三区高清国产| 欧美成人精品一区二区三区| 中文国产成人精品| 亚洲毛片在线观看.| 亚洲国内精品在线| 亚洲精品美女久久久久| 欧美裸体xxxx极品少妇| 亚洲精品欧美日韩专区| 亚洲国产日韩精品在线| 久久精品久久久久电影| 日产精品99久久久久久| 欧美亚洲另类激情另类| 综合网日日天干夜夜久久| 高清一区二区三区日本久| 久久久精品国产网站| 日韩中文字幕不卡视频| 久久久亚洲国产天美传媒修理工| 日韩风俗一区 二区| 国产成+人+综合+亚洲欧洲| 2020久久国产精品| 久久国产精品久久久| 91精品国产乱码久久久久久蜜臀| 国产日韩精品在线播放| 欧美精品在线极品| 91视频九色网站| 欧美精品在线免费| 精品小视频在线| 亚洲国内高清视频| 人人做人人澡人人爽欧美| 久久国产精彩视频| 国产成人一区三区| 国产v综合ⅴ日韩v欧美大片| 国产网站欧美日韩免费精品在线观看| 色一情一乱一区二区| 国产精品久久久久久久久男| 在线视频亚洲欧美| 丰满岳妇乱一区二区三区| 91久久久久久| 成人xvideos免费视频| 久久久视频在线| 欧美日韩国产精品一区二区三区四区| 高清一区二区三区四区五区| 午夜精品久久久久久久白皮肤| 欧美国产在线电影| 色综合91久久精品中文字幕| 国产亚洲欧洲高清| 欧美激情亚洲综合一区| 97国产一区二区精品久久呦| 欧美日本在线视频中文字字幕| 免费91麻豆精品国产自产在线观看| 亚洲福利视频久久| 国产精品久久久久久久久久久久久| 欧美日本精品在线| 91精品视频免费观看| 精品国产美女在线| 丝袜亚洲另类欧美重口| 一区二区亚洲欧洲国产日韩| 国模视频一区二区| 亚洲国产精品人久久电影| 亚洲视频精品在线| 国产精品扒开腿爽爽爽视频| 亚洲电影在线看| 91亚洲人电影| 亚洲视频综合网| 亚洲视频第一页| 国产性色av一区二区| 韩国v欧美v日本v亚洲| 久久精品福利视频| 一本一本久久a久久精品综合小说| 亚洲www永久成人夜色| 欧美日韩电影在线观看| 午夜精品福利在线观看| 免费97视频在线精品国自产拍| 国产精品第七十二页| 国产精品日韩久久久久| 亚洲嫩模很污视频| 最近2019中文字幕在线高清| 国产精品一区久久| 亚洲视频一区二区| 欧美肥老太性生活视频| 亚洲精品色婷婷福利天堂| 国产成人激情小视频| 国产伦精品一区二区三区精品视频| 青青草国产精品一区二区| 欧美一区二区视频97| 91久久久久久久久久| 国产裸体写真av一区二区| 亚洲国产精品免费| 亚洲人午夜精品免费| 尤物99国产成人精品视频| 欧美大肥婆大肥bbbbb| 亚洲黄色免费三级| 亚洲欧美国产制服动漫| 一色桃子一区二区| 亚洲欧美制服综合另类| 成人网页在线免费观看| 国产精品999| 亚洲欧美激情四射在线日| 国产成人精品免高潮费视频| 亚洲自拍偷拍区| 中文字幕精品av| 亚洲国产精品免费| 久久艹在线视频| 中文字幕日韩专区| 欧洲亚洲免费在线| 欧美黄色片在线观看| 亚洲黄一区二区| 久久精品国产亚洲精品2020| 亚洲人成在线免费观看| 91精品久久久久久综合乱菊| 国产男女猛烈无遮挡91| 中文字幕亚洲专区| 日韩中文视频免费在线观看| 日韩欧美精品在线观看| 亚洲第一页自拍| 亚洲精品福利视频| 久久免费视频这里只有精品| 久久久免费在线观看| 亚洲高清在线观看| 亚洲一区二区免费| 欧美高清视频在线观看| 91精品国产自产91精品| 国产精品九九九| 国产亚洲精品综合一区91| 国产精品高潮视频| 蜜臀久久99精品久久久无需会员| 久久躁日日躁aaaaxxxx| 欧美情侣性视频| 欧美日韩福利在线观看| 91免费在线视频网站| 国产mv免费观看入口亚洲| 国产精品久久视频| 91探花福利精品国产自产在线| 亚洲欧美日韩网| 伊人久久免费视频| 中文字幕视频一区二区在线有码| 欧美贵妇videos办公室| 成人福利免费观看| 九九久久久久99精品| 欧美丰满老妇厨房牲生活| 亚洲精品欧美日韩| 久久精品一偷一偷国产| 成人午夜黄色影院| 亚洲a在线观看| 久久男人av资源网站| 成人免费黄色网| 中文字幕国产精品| 亚洲裸体xxxx| 91精品国产高清自在线|