首页 > 代码库 > Webpack学习系列（二）
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;就可以实现局部刷新了；
Webpack学习系列（二）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。