webpack基础用法

1，下载node.js然后解压，最后在系统变量path那里配置解压路径即可，webpack是依赖node.js的


2，然后下载webpack，下载到node.js的解压目录即可，在命令行输入npm install webpack -g 回车即可。


3，打包css文件需要安装相关文件，也是安装到node.js解压目录即可，在命令行输入npm install css-loader style-loader -g即可。


4,打包字体文件需要安装相关文件，输入命令npm install file-loader -g即可。


5,打包图片需下载：npm install url-loader -g


基础教程链接：http://www.runoob.com/w3cnote/webpack-tutorial.html


配置文件：
module.exports = {
    entry: "./runoob1.js",
    output: {
        path: __dirname,
        filename: "bundle.js"
    },
    module: {
        loaders: [
            { test: /\.css$/, loader: 'style-loader!css-loader' },
            {
　　　　　　test: /\.(png|jpg|gif|eot|woff|ttf|svg)$/,
　　　　　　loader: 'url-loader?limit=8192'
　　　　}
        ]
    }
};