Webpack学习系列（二）

一： 安装：

npm install webpack-dev-server -g

npm 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;就可以实现局部刷新了；