webpack.config 学习笔记

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

var Webpack=require("webpack");
module.exports={
    entry:["./flie.js"],
    output:{
        path:__dirname,
        filename:"f1.js"
    },
    module:{
        loaders:[{
            test:/\.css$/,
            loader:"style-loader!css-loader"
        }]
    }
}

在命行输入：

webpack

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