前端自動打包工具webpack的安裝和使用
阿新 • • 發佈:2019-02-16
一.準備
要使用webpack工具,最好了解一些基礎的檔案目錄操作的命令列,
win all裡的一些常用的命令列 http://blog.csdn.net/qq_36110571/article/details/79338914
二.安裝webpack
先去node官網下載安裝node.js,
然後win+R cmd 執行命令提示符;輸入npm webpack -g 回車等待系統安裝webpack(全域性安裝);
cmd裡 cd 到專案根目錄;
- 單檔案打包-->輸入:webpack 入口檔案.字尾 包檔案.字尾 回車等待完成(毫秒);
例如:webpack app.js main.js //即:將app.js打包到main.js,使用時直接引入main.js即可;
- 監聽打包-->輸入:webpack 入口檔案 包檔案 --watch 回車(開啟自動打包)
- 多檔案打包-->入口檔案裡 require("./目標檔案.字尾");
- 字串引入 目標檔案:module.exports="內容";
- 方法 目標檔案:function funName(){ //code… } module.exports=funName();
- 陣列資料 目標檔案:let people = [{ name:"Henry"},{name:"Bucky"},{name:"Emily"}]; module.exports = people;
- 待續…
三.執行測試
依賴安裝完成後就可以執行我們的專案了命令:原文地址:http://blog.csdn.net/winnergod/article/details/54926859