webpack基础总结

1.使用#

webpack版本问题###

目前有两个主版本，一个是在 master 主干的稳定版，一个是在 webpack-2 分支的测试版，测试版拥有一些实验性功能并且和稳定版不兼容，在正式项目中应该使用稳定版。

#查看webpack版本信息
npm info webpack

#安装指定版本webpack
npm install [email protected] --save-dev

安装###

npm install webpack -g

查看###

webpack -h

使用项目本地版本的webpack###

# 进入项目目录
# 确定已经有 package.json，没有就通过 npm init 创建
# 安装 webpack 依赖
npm install webpack --save-dev

webpack开发工具###

npm install webpack-dev-server --save-dev

2.使用#

①创建一个静态页面index.html和一个js入口文件entry.js:####

// entry.js
document.write('It works.')

②编译

webpack entry.js bundle.js

③添加模块并修改entry.js

document.write(require('./module.js')) // 添加模块

Loader#

安装使用Loader####

#entry.js
require('./style.css')

#有些环境下可能使用双引号
webpack entry.js bundle.js --module-bind 'css=style!css'