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强大的原因。