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>