Webpack學習系列（二）

標籤：new   .config   base   file   plugin   src   port   npm   安裝   

一： 安裝：npm install webpack-dev-server -gnpm install webpack-dev-server --save （下載到當前檔案夾）npm install webpack --save （下載到當前檔案夾）webpack.fig.js:

var webpack = require(‘webpack‘);
module.exports = {
entry: __dirname + ‘/src/js/index.js‘,
output: {
path: __dirname + ‘/assets/js‘,
filename: "index.js",
publicPath: ‘temp/‘
},
devServer:{
contentBase: "./",
host: ‘127.0.0.1‘,
port: ‘3333‘
},
plugins: [
new webpack.HotModuleReplacementPlugin()
]
}

 

然後webpack-dev-server就可以在瀏覽器中127.0.0.1:3333/webpack-dev-server訪問了；上面的熱更新是全域下的我們可以像react那樣：在webpack.config.js中安裝外掛程式:1: var webpack = require(‘webpack‘);2: plugins: {new webpack.HotModuleReplacementPlugin();}安裝這個外掛程式之後；webpack-dev-server --inline --hot這樣就可以在瀏覽器中訪問127.0.0.1:3333;就可以實現局部重新整理了；

Webpack學習系列（二）