An embodiment of the invention provides a front-end development engineering system and method. The system comprises a project template generating module, a building issuing module and a development environment building module, wherein the project template generating module is used for generating a project template, creating the directory and file of a project during project creation according to the generated project template and installing a needed dependence program according to the project template; the building issuing module is used for utilizing Gulp and Webpack middleware to perform modularized code compiling, compression, mixing, inline processing and batch replacing services, generating lightweight compressed codes, and utilizing the Webpack middleware and npm to perform css, js code standard and health detection; the development environment building module utilizes Express.js to build a web service, uses Express middleware to perform less, sass, es6 and react compiling and css and js file compression, uglification and combination, performing inline processing on the codes to allow the codes to be connected into an html page, uses the Webpack middleware to perform code hot refreshing and real-time compiling and building, and calls the building issuing module to develop and build a target page when a user instruction is received.