Webpack学习系列(二)
2024-08-28 11:48:34
一: 安装:
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;就可以实现局部刷新了;
最新文章
- 编写高质量代码:改善Java程序的151个建议(第8章:多线程和并发___建议126~128)
- 配置子目录Web.config使其消除继承,用虚拟目录创建多个网站的方法
- asp.net mvc添加多条数据到数据库
- NOIP2013货车运输[lca&;&;kruskal]
- WindowsService(Windows服务)开发步骤附Demo
- CodeBlocks使用技巧
- CAPI3 HTTP文件服务器搭建(共享目录版)
- CentOS 6.4安装lnmp环境
- java中文排序
- 点击链接直接跳转到 App Store 指定应用下载页面
- learning - Haskell AND Lisp vs. Haskell OR Lisp - Programmers Stack Exchange
- [codeforces113D]Museum
- 约瑟夫环C#解决方法
- mysql innodb存储引擎和一些参数优化
- jmeter的基本功能使用详解
- spark2.1源码分析2:从SparkPi分析一个job的执行
- jquery multi-select 实例demo
- 前端基础之HTML快速入门
- Hibernate查询的六种方式
- 第八章 Health Check