1. 使用 node 依賴webpack、jquery編寫簡單的前端應用。
（1）新建乙個目錄
（2）在該目錄下，新建乙個package.json檔案。
$ npm init -y
package.json是專案的配置檔案。
（3）安裝jquery、webpack、webpack-cli這三個模組。
$ npm install -s jquery$ npm install -s webpack webpack-cli
開啟package.json檔案，會發現jquery、webpack和webpack-cli都加入了dependencies字段，並且帶有版本號。
（4）在專案根目錄下，新建乙個網頁檔案index.html。
<html
>
<
body
>
<
h1>hello world
h1>
<
script
src="bundle.js"
>
script
>
body
>
html
>
const $ = require('jquery');
$('h1').css();
上面**中，require方法是 node 特有的模組載入命令。
（6）開啟package.json，在scripts字段裡面，新增一行。
"scripts": ,
（7） 在專案根目錄下，執行下面的命令，將指令碼打包。
$ npm run build
執行完成，可以發現專案根目錄下，新生成了乙個檔案bundle.js。
（8）瀏覽器開啟index.html，可以發現hello world變成了紅色。
1. 修改**樣式後，重新編譯生成打包檔案即可。
使用node方便模版的編寫
近來使用template來生成頁面元素，已經成為了大家喜歡的開發方式。由於在js中編寫html字串是一件很痛苦的事情，所以一般工程師會利用頁面中的script標籤或者textarea標籤來存放html字串。以上做法有幾個弊端 1 html字串出現在它不應該出現的地方。2 模版增多之後，頁面還是會變大...
node編寫cli工具
本文以自己的my cli為例，將開發到發布過程完整記錄下來，看完本文，你將學會如何從零開發乙個cli專案，如何上傳到github庫，以及如何使用npm發布自己的包。開發乙個cli工具前首先要想好它能做什麼。以我自己為例，我需要乙個工具，讓我能只輸入一行命令就幫我快速搭建好專案結構，就像這樣 是不是很...
webpack基本使用
npm install webpack webpack cli webpack dev server d 複製 當在專案中直接執行webpack時，預設讀取webpack.config.js中的配置，等同於執行 webpack webpack.config.js const path require...