webpack前端構建工具學習總結（三）之webpack.config.js配置文件
Webpack 在執行的時候，除了在命令行傳入參數，還可以通過指定的配置文件來執行。默認情況下，會搜索當前目錄的 webpack.config.js 文件，這個文件是一個 node.js 模塊，返回一個 json 格式的配置信息對象，或者通過 --config 選項來指定配置文件 ...
原文：webpack前端構建工具學習總結（二）之loader的使用
Webpack 本身只能處理 JavaScript 模塊，如果要處理其他類型的文件，就需要使用 loader 進行轉換。 Loader 可以理解為是模塊和資源的轉換器，它本身是一個函數，接受源文件作為參數，返回轉換的結果。這樣，我們就可以通過require來加載任何類型的模塊或文件，比如 CoffeeScript JSX LESS 或圖片。 Loader 可以在require 引用模塊的時候添加， ...
2017-03-05 18:51 0 6375 推薦指數：
相關推薦
webpack前端構建工具學習總結（一）之webpack安裝、創建項目
npm是隨nodeJs安裝包一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問題； 常見的使用場景有以下幾種： 允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。 允許用戶從NPM服務器下載並安裝別人編寫的命令行程序到本地使用。 允許用戶將自己編寫的包或命令行 ...
webpack前端構建工具學習總結（四）之自動化生成項目中的html頁面
接續上文：webpack前端構建工具學習總結（三）之webpack.config.js配置文件 插件的介紹文檔：https://www.npmjs.com/package/html-webpack-plugin 1.安裝html-webpack-plugin插件，輸入命令：npm ...
前端自動化構建工具gulp的使用總結
前端自動化構建工具gulp的使用總結 博主最近偶的空閑，在此對gulp的使用做一個總結，讓小伙伴知道如何合理的使用gulp以及gulp的使用技巧。 談到gulp，有人可能就會想到另外一個構建工具grunt，那么 博主就要誇你一句：油啊熱癟死他。 那么grunt和gulp有什么異同 ...
前端構建工具gulp使用
前端自動化流程工具，用來合並文件，壓縮等。 Gulp官網 http://gulpjs.com/ Gulp中文網 http://www.gulpjs.com.cn/ Gulp中文文檔 https://github.com/lisposter/gulp-docs-zh-cn ...
前端構建工具——Gulp
Gulp 前端構建工具 基於node.js 流式 安裝 全局安裝： 項目目錄中安裝： 編輯package.json文件， 或者執行 生成package.json，然后執行 重要模塊方法 gulp和插件安裝完畢后， 在目錄中創建配置文件 ...
前端構建工具gulpjs的使用介紹及技巧
gulpjs是一個前端構建工具，與gruntjs相比，gulpjs無需寫一大堆繁雜的配置參數，API也非常簡單，學習起來很容易，而且gulpjs使用的是nodejs中stream來讀取和操作數據，其速度更快。如果你還沒有使用過前端構建工具，或者覺得gruntjs太難用的話，那就嘗試一下gulp ...
gulp前端自動化構建工具使用
（1）新建項目目錄gulp_web （2）項目目錄下建目錄src里面存放需要進行gulp處理的文件目錄及文件 （3）gulpfile.js文件內容為聲明需要打包應用的gulp組件及打包文件 ...