文档地址 http://webpack.github.io/docs/usage.html
首先全局安装 webpack(我这里使用的是淘宝的 cnpm)
cnpm install webpack
检查一下是否安装完毕,查看版本号
webpack -h
简历 package.json 文件
npm init 一直 enter 就可以了
然后再本地安装一次 webpack
cnpm install webpack --save-dev
新建 webpack.config.js
- module.exports = {
- entry: '. / js / app.js',
- //入口文件
- output: {
- path: '. / build',
- //打包好的文件夹
- filename: 'main' //打包好的文件名
- }
- };
配置完 webpack.config 后,目录需要有一个 index.html 文件在 body 内引入 / build/main.js
然后就可以设置热加载了
首先是安装 webpack-dev-server 模块
cnpm install webpack-dev-server --save-dev
执行开启自动刷新
webpack && webpack-dev-server --hot --inline
打开浏览器输入 localhost:8080 修改 app.js 就可以不用刷新看到你做的修改了
升级版
在 package.json 中的 script 中加入字段
"start": "webpack && webpack-dev-server --hot --inline"
现在直接输入 npm start 就可以实现同样效果了
来源: http://www.bubuko.com/infodetail-1855553.html