码迷,mamicode.com
首页 > Web开发 > 详细

Webpack学习系列(二)

时间:2017-02-15 00:51:42      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:new   .config   base   file   plugin   src   port   npm   安装   

一: 安装:
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学习系列(二)

标签:new   .config   base   file   plugin   src   port   npm   安装   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!