npm install --save-dev webpack webpack-cli #安裝webpack命令
npm install --save-dev webpack-dev-server #配置web訪問
npm install --save-dev style-loader css-loader #加載css所需loader
npm install --save-dev postcss-loader autoprefixer #配置css兼容瀏覽器
npm install html-webpack-plugin --save-dev #HtmlWebpackPlugin會自動爲你生成一個HTML文件,根據指定的index.html模板生成對應的 html 文件。
npm install --save-dev file-loader #文件處理(包括圖片、字體、第三方js)
webpack屬性中,Loader有兩個目標:
一、test屬性,用於標識出應該被對應的Loader進行轉換的某個或某些文件
二、use屬性,表示進行轉換時,應該使用哪一個Loadercss