webpack 中常用安裝差件的命令

標籤：依賴   載入   middle   快速   ddl   ant   hot   package   並且   

1：npm install html-webpack-plugin --save-dev //自動快速的幫我們產生HTML。
2：npm install css-loader style-loader --save-dev//樣式檔案，我們需要兩種loader，css-loader 和 style－loader，css-loader會遍曆css檔案，找到所有的url(...)並且處理。style-loader會把所有的樣式插入到你頁面的一個style tag中。
3:npm install babel-loader css-loader style-loader --save-dev// 安裝載入器(babel-loader 進行轉碼
css-loader 對 css 檔案進行打包
style-loader 將樣式添加進 DOM 中)
4：npm install sass-loader node-sass --save-dev//css先行編譯程式，還需要添加node-sass來解析sass檔案
5：npm install url-loader --save-dev//圖片自動轉成base64編碼的
6:npm install jquery moment --save-dev//添加第三方庫(jquery和moment)
7:npm install babel-preset-es2015 --save-dev//添加ES6的支援
8:npm install babel-preset-es2015 babel-preset-react --save-dev//安裝轉碼規則
9：npm install webpack-dev-middleware --save-dev//伺服器端使用的是express架構，你還可以直接安裝express的middleware，webpack配合express
10: npm install react --save-dev//安裝並引用 React 模組
10：npm install react react-dom --save-dev//添加react和react-dom
11：npm install react-hot-loader --save-dev//react-hot-loader 是一款非常好用的 React 熱插拔的載入外掛程式，通過它可以實現修改-運行同步的效果，配合 webpack-dev-server 使用更佳！
12：npm install --save-dev autoprefixer postcss-loader --save-dev//
13：npm install babel-loader coffee-loader --save-dev//
14: npm install autoprefixer-loader --save-dev//
15: npm install vue --save-dev//
16: npm install -d //將項目中package.json依賴的包全部下載到該項目中：npm install [email protected] //指定下載包的版本。

webpack 中常用安裝差件的命令