webpack使用

1初始化package.json

$npm init

2.安装webpack

$npm install webpack@1.12.x --save-dev

3.创建entry.js,html页面引入bundle.js

<script src='bundle.js'></script>

4.创建webpack.config.js

var webpack = require('webpack')
module.exports = {
entry: './entry.js',
output: {
path: __dirname,
filename: 'bundle.js'
},
module: {
loaders: [
{ test: /\.css$/, loader: 'style-loader!css-loader' },
        { test: /\.(png|jpe?g|gif|ico)(\?\S*)?$/,loader: 'file-loader', query: { name: 'img/[name].[ext]'}}
]
}
}

5.安装各种loader

$cnpm install css-loader style-loader file-loader --save-dev

6.执行webpack

$webpack