在使用react+webpack 構建項目過程中免不了要用到字體圖標，在引入過程中報錯，不能識別字體圖標文件中的@符，報錯 　　 解決辦法，修改webpack的配置文件 　　 　　不要忘了，在安裝extract-text-webpack-plugin后，引入 ...

首先創建項目,確保該項目已經安裝了webpack和webpack-dev-server具體安裝方法請參考上章所述. 在上一章說過babel是一個javascript編輯器,在react項目中使用babel有以下兩個目的: 1:讓代碼支持ES6語法 2:支持react的一些特性(例如JSX語法 ...

　　react是目前非常熱門的前端框架，提倡組件化開發。所謂的組件，簡單理解，就是一個獨立的頁面部件（包括頁面模版，樣式，邏輯等），它是一個獨立的整體。 　　webpack，是一個模塊打包工具，其主要功能，就是將瀏覽器端無法識別的代碼，通過各種loader和plugin，生成瀏覽器可用的代碼 ...

目錄結構 asset/ css/ img/ src/ entry.js ------------------------ 入口文件 .babelrc index.html package.json webpack.config.js 運行命令 安裝 ...

最近在學習並使用webpack+react+antd寫了一個小項目，也可以說是demo，待全部開發完成后發現webpack的打包文件足足有將近13.3MB，快嚇死寶寶了，經過連續幾天的學習和調試最后將打包文件縮小到665kb,效果十分顯著，網上有許多解決辦法，大多對新手都不是很友好，涉及到的知識點 ...

現在項目開發環境是gulp + webpack + react。幾個需求下來，做業務邏輯比較熟練，但是對於項目目錄中的一些文件，並不了解他們的意義和用途，也不是很清楚整個項目啟動、運行、打包、發布的過程中每一步的輸入和輸出以及起作用的工具。借這篇博客散碎更新學習細節，以免變成：一不小心把環境配置好 ...

1.安裝node.js 　　Webpack實際是用Node.js寫的，所以要先安裝Node.js環境。而且Node.js中集成了NPM包管理，我們在后面用到的很多模塊都需要使用NPM下載。 　　首先進入Node.js的官網：https://nodejs.org/zh-cn/download ...

前言 最近寫了個Java Web工程demo，使用maven構建； 后端使用spring + spring mvc + mybatis； 前端使用react + react-router+ webpack，使用ES6語法；順帶用了下jquery，echarts等插件，寫了幾個小demo ...