一、拿到一個項目
1、先用init管理起來：npm init -y（會產生package.json文件）
2、安裝webpack-dev-server (實現自動打包js文件)
3、本地安裝webpack
4、寫配置文件：webpack.config.js (寫打包的入口和出口文件)
5、在package.json的script節點下添加 "dev":"webpack-dev-server --open --port 3000 --contentBase src --hot"
6、安裝html-webpack-plugin(自動在html頁面的底部注入js文件，無需手動添加，如不安裝這一插件，需要自己引入根目錄下的bundle.js)
7、在webpack.config.js 中添加var htmlWebpackPlugin = require('html-webpack-plugin') 和
plugins: [ // 所有webpack 插件的配置節點
new htmlWebpackPlugin({
template: path.join(__dirname, './src/index.html'), // 指定模板文件路徑
filename: 'index.html' // 設置生成的內存頁面的名稱
})
],
( 在內存中，根據指定的模板頁面，生成一份內存中的首頁，同時自動把打包好的bundle注入到頁面底部
如果要配置插件，需要在導出的對象中，掛載一個 plugins 節點)
8、在main.js中引入css文件和image文件：
import './css/index.css'
import './css/index.scss'
import 'bootstrap/dist/css/bootstrap.css'。。。
// 注意： 如果要通過路徑的形式，去引入 node_modules 中相關的文件，