1. 程式人生 > >前端自動打包工具webpack的安裝和使用

前端自動打包工具webpack的安裝和使用

一.準備

要使用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("./目標檔案.字尾");
  1. 字串引入  目標檔案:module.exports="內容";
  2. 方法  目標檔案:function funName(){  //code…  }   module.exports=funName();
  3. 陣列資料  目標檔案:let people = [{ name:"Henry"},{name:"Bucky"},{name:"Emily"}]; module.exports = people;
  4. 待續…

三.執行測試

依賴安裝完成後就可以執行我們的專案了命令:
npm run dev

原文地址:http://blog.csdn.net/winnergod/article/details/54926859