今天要写的是关于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变成上面的内容之后，当你启动webpack的时候就会自动生成一个index.html的文件，同时浏览器会自动打开localhost:8080。
值得注意的是项目中必须要安装webpack，或者可以加上webpack-dev-server，使用yarn和npm安装皆可
