webpack速查
2015-10-03 17:36
465 查看
1.到官网下载nodejs:http://nodejs.cn/
2.根据http://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.html安装nodejs
3.npm现集成在nodejs中,所以无需下载安装
4.建立一个项目,从终端到项目的根目录下,执行npm install webpack -g,npm install webpack –save-dev
5.执行npm init,根据提示填写项目信息
6.根目录下新建index.html,main.js,webpack.config.js
7.在webpack.config.js中写上
8.执行webpack
9.在index.html中引入bundle.js
10.执行npm install webpack-dev-server -g
11.执行webpack-dev-server
12.浏览器打开http://localhost:8080
2.根据http://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.html安装nodejs
3.npm现集成在nodejs中,所以无需下载安装
4.建立一个项目,从终端到项目的根目录下,执行npm install webpack -g,npm install webpack –save-dev
5.执行npm init,根据提示填写项目信息
6.根目录下新建index.html,main.js,webpack.config.js
7.在webpack.config.js中写上
module.exports = { entry: './main.js', output: { path: __dirname, filename: 'bundle.js' } }
8.执行webpack
9.在index.html中引入bundle.js
<script src="./bundle.js"></script>
10.执行npm install webpack-dev-server -g
11.执行webpack-dev-server
12.浏览器打开http://localhost:8080
相关文章推荐
- webpack配置
- Grunt、webpack个人笔记
- webpack 学习笔记 03 Code Splitting
- webpack 学习笔记 02 快速入门
- webpack 学习笔记 01 使用webpack的原因
- webpack学习笔记
- 关于将Webpack,编译文件输出到不同的目录下
- 一小时包教会 —— webpack 入门指南
- webpack echarts配置实例
- webpack模块依赖管理介绍
- Webpack 入门指迷--转载(题叶)
- 用webpack来取代browserify
- Webpack初试
- webpack 使用加载器
- webpack 使用插件
- webpack 安装
- 一小时包教会 —— webpack 入门指南
- webpack学习 教程地址
- webpack 用法
- 学习笔记 一步步了解webpack