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