今天要寫的是關(guān)于webpack的兩個插件的使用
- html-webpack-plugin和open-browser-webpack-plugin
const HtmlWebpackPlugin = require('html-webpack-plugin');
const OpenBrowserPlugin = require('open-browser-webpack-glugin');
module.exports = {
entry: 'index.js',
output: {
filename: 'bundle.js'
},
plugins: [
new HtmlWebpackPlugin(),
new OpenBrowserPlugin({
url: 'http://localhost:8080'
})
],
};
webpack.config.js變成上面的內(nèi)容之后,當(dāng)你啟動webpack的時候就會自動生成一個index.html的文件,同時瀏覽器會自動打開localhost:8080胰挑。
值得注意的是項目中必須要安裝webpack,或者可以加上webpack-dev-server竿奏,使用yarn和npm安裝皆可