首页 > Web开发 > 详细

Webpack学习系列(二)

时间:2017-02-15 00:49:31      阅读:151      评论:0      收藏:0      [点我收藏+]
一: 安装:
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;就可以实现局部刷新了;

Webpack学习系列(二)

原文:http://www.cnblogs.com/wangujianchi/p/6399673.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!