webpack.config

Webpack在执行的时候，除了可以在命令行传入参数以外，还可以通过指定的配置文件去执行，默认情况下，会搜索当前目录下的 webpack.config.js 文件，这个文件是一 个node.js 模块，返回一个 json 格式的配置信息对象，或者通过命令行：webpack --config选项来指定配置文件。

新建一个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"
        }]
    }
}

现在我们仅仅需要运行：webpack 就ok了。

now let's do some changes in css file:

#app{
    color: lightblue;
}

在命令行敲：webpack.

Refresh your browser and see the changes in the document.

具体参数

• ==entry==：指入口文件的配置项，它是一个数组的原因是webpack允许多个入口点。 当然如果你只有一个入口的话，也可以直接使用双引号"./entry.js"
• ==output==：配置打包结果，path定义了输出的文件夹，filename则定义了打包结果文件的名称
• ==module==：定义了对模块的处理逻辑，这里可以用loaders定义了一系列的加载器，以及一些正则。当需要加载的文件匹配test的正则时，就会调用后面的loader对文件进行处理，这正是webpack强大的原因。