在window7下进行，且系统已经装有node v0.10.35
1.创建一个文件夹webpack（名称自己定）
2.npm install webpack -g/npm i webpack -g,
(我这里是装载全局，也可以装在项目中)
3.npm init
用node建package.json文件，默认有如下字段：(也可以手动创建这个json)
{
"name": "webpack-test",
"version": "0.0.1",
"main": "index.js",
"scripts": {
"start": "webpack ./index.js bundle.js"
},
"description": ""
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<script src="bundle.js"></script>
</body>
</html>
console.log('it works!');
7.在浏览器里面跑index.html,可以看到：
8.将index.js改成：
console.log(require('./tiger.js')+'it works!');
module.exports='tiger!';
11.npm install css-loader style-loader --save-dev
安装能载入css的组件，这两个组件不能要到全局，否则就用不了，因此后面不加-g，运行这个命令将会在node-modules文件夹下面生成：css-loader和style-loader两个文件夹
12.创建style.css
body{
background-color: green;
}
require('style!css!./style.css');
module.exports='tiger!';14.npm start 并运行index.html结果如图：
90
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
