進一步配置，支援更多常用功能；
安裝 url-loader 和file-loader 來支援、字型等檔案。
先分析打包後的產物有哪些：
現在在做的都是（spa）技術，這就說明最終只是乙個html檔案,其餘都是靜態資源、實際部署到生產環境上，一般會將html掛在後端程式下，由後端路由渲染這個壓麵，將所有的靜態資源（css,js,image,iconfont等）單獨部署到cdn,當然也可以和後端程式部署在一起，這樣就實現了前後端完全分離。
昨天我已經在webpack的outpuut選項中指定了path和publicpath,打包後，所有資源都在demo/dist。昨天只做了建立基礎配置，和簡單使用模組之間的呼叫，但是沒有學習打包，以下就要開始搞打包了。
打包後會生成新的資料夾，dist 也就是打包後的所有靜態檔案都在裡面。
webpack學習總結 生產環境
要求上線的 穩定 js，css的相容處理 執行速度塊 將css改為單獨檔案用link引入 傳輸速度塊 壓縮 mini css extract plugin將取代style loader，作用 提取js中的css 為單獨檔案 乙個 防止html太大，所以弊端就是css檔案太大了 如果是單入口，所以vu...
webpack 開發和生產並行設定 十四
乙個專案中是有開發環境和生產環境的，這兩個環境的依賴也是不同的 開發依賴 只在開發中用來幫助你進行開發，簡化 或者生成相容設定的以來包。你可以開啟package.json來檢視，devdependencies的下面的這些包為開發使用的包。這些包在生產環境中並沒有用處。生產依賴 就是比如我們的js使用...
webpack開發環境和生產環境打包
開發環境webpack.config.js基礎的配置 const path require path 首先要安裝該外掛程式 npm i html webpack plugin d const htmlwebpackplugin require html webpack plugin module.e...