index.html

index.js

require('./index.css');document.write('Hello World!!!!!');

index.css

body {
       background: white;}

package.json

{
     "name": "demo1",  "version": "1.0.0",  "description": "",  "main": "index.js",  "scripts": {    "test": "echo \"Error: no test specified\" && exit 1",    "start": "webpack-dev-server --progress --colors"  },  "author": "",  "license": "ISC",  "devDependencies": {
       "css-loader": "0.18.0",    "style-loader": "0.12.3",    "webpack": "1.12.1",    "webpack-dev-server": "1.10.1"  }}

webpack.config.js

module.exports = {    entry: './index.js',  //多少页面    output: {    //最后生成的文件放在哪里        path: __dirname,    //当前目录下        filename: 'bundle.js'    },    module: {    //所有文件都可以看成模块        loaders: [{        //处理文件            test: /\.css$/,  //test是检测的意思，检测css结尾的文件，            loaders: ['style-loader', 'css-loader']    //使用2个loader来处理        }]    }};