webpack.config
Webpack在執(zhí)行的時候详炬，除了可以在命令行傳入?yún)?shù)以外，還可以通過指定的配置文件去執(zhí)行老客，默認(rèn)情況下孟抗，會搜索當(dāng)前目錄下的 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"
}]
}
}
現(xiàn)在我們僅僅需要運行：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.
具體參數(shù)
- ==entry==：指入口文件的配置項巍膘，它是一個數(shù)組的原因是webpack允許多個入口點。 當(dāng)然如果你只有一個入口的話芋簿，也可以直接使用雙引號"./entry.js"
- ==output==：配置打包結(jié)果典徘，path定義了輸出的文件夾，filename則定義了打包結(jié)果文件的名稱
- ==module==：定義了對模塊的處理邏輯益咬，這里可以用loaders定義了一系列的加載器逮诲，以及一些正則。當(dāng)需要加載的文件匹配test的正則時幽告，就會調(diào)用后面的loader對文件進(jìn)行處理梅鹦，這正是webpack強大的原因。
